Upgrade prettier before it will be removed forever

packages/app/components/profile/multiFactorAuth/MfaDisable.tsx

@@ -46,7 +46,7 @@ export default class MfaDisable extends React.Component<
         return disableMFA(this.context.userId, totp, password);
       })
       .then(() => this.props.onComplete())
-      .catch(resp => {
+      .catch((resp) => {
         const { errors } = resp || {};
 
         if (errors) {

packages/app/components/profile/multiFactorAuth/MfaEnable.tsx

@@ -122,7 +122,7 @@ export default class MfaEnable extends React.PureComponent<Props, State> {
         <Confirmation
           key="step3"
           form={this.props.confirmationForm}
-          formRef={el => (this.confirmationFormEl = el)}
+          formRef={(el) => (this.confirmationFormEl = el)}
           onSubmit={this.onTotpSubmit}
           onInvalid={() => this.forceUpdate()}
         />
@@ -136,7 +136,7 @@ export default class MfaEnable extends React.PureComponent<Props, State> {
     if (props.step === 1 && !isLoading && !qrCodeSrc) {
       this.setState({ isLoading: true });
 
-      getSecret(this.context.userId).then(resp => {
+      getSecret(this.context.userId).then((resp) => {
         this.setState({
           isLoading: false,
           secret: resp.secret,
@@ -164,7 +164,7 @@ export default class MfaEnable extends React.PureComponent<Props, State> {
         return enableMFA(this.context.userId, data.totp, data.password);
       })
       .then(() => this.props.onComplete())
-      .catch(resp => {
+      .catch((resp) => {
         const { errors } = resp || {};
 
         if (errors) {

packages/app/components/profile/multiFactorAuth/MultiFactorAuth.tsx

@@ -32,7 +32,7 @@ class MultiFactorAuth extends React.Component<{
         <div className={styles.form}>
           <div className={styles.formBody}>
             <Message {...messages.mfaTitle}>
-              {pageTitle => (
+              {(pageTitle) => (
                 <h3 className={styles.title}>
                   <Helmet title={pageTitle as string} />
                   {pageTitle}

packages/app/components/profile/multiFactorAuth/instructions/Instructions.tsx

@@ -48,19 +48,19 @@ export default class Instructions extends React.Component<{}, State> {
                 className={styles.androidTile}
                 logo={androidLogo}
                 label="Google Play"
-                onClick={event => this.onChangeOs(event, 'android')}
+                onClick={(event) => this.onChangeOs(event, 'android')}
               />
               <OsTile
                 className={styles.appleTile}
                 logo={appleLogo}
                 label="App Store"
-                onClick={event => this.onChangeOs(event, 'ios')}
+                onClick={(event) => this.onChangeOs(event, 'ios')}
               />
               <OsTile
                 className={styles.windowsTile}
                 logo={windowsLogo}
                 label="Windows Store"
-                onClick={event => this.onChangeOs(event, 'windows')}
+                onClick={(event) => this.onChangeOs(event, 'windows')}
               />
             </div>
 

packages/app/components/profile/multiFactorAuth/instructions/OsInstruction.tsx

@@ -87,7 +87,7 @@ export default function OsInstruction({ os }: { os: OS }) {
       </h3>
 
       <ul className={styles.appList}>
-        {linksByOs[os].featured.map(item => (
+        {linksByOs[os].featured.map((item) => (
           <li key={item.label}>
             <a href={item.link} target="_blank">
               {item.label}

packages/app/components/profile/multiFactorAuth/status/MfaStatus.tsx

@@ -31,7 +31,7 @@ export default function MfaStatus({ onProceed }: { onProceed: () => void }) {
         <p className={styles.description}>
           <a
             href="#"
-            onClick={event => {
+            onClick={(event) => {
               event.preventDefault();
               onProceed();
             }}