Upgrade prettier before it will be removed forever

packages/app/components/ui/form/Captcha.tsx

@@ -36,10 +36,10 @@ export default class Captcha extends FormInputComponent<
             skin: this.props.skin,
             onSetCode: this.setCode,
           })
-          .then(captchaId => {
+          .then((captchaId) => {
             this.captchaId = captchaId;
           })
-          .catch(error => {
+          .catch((error) => {
             logger.error('Failed rendering captcha', {
               error,
             });

packages/app/components/ui/form/Dropdown.tsx

@@ -101,7 +101,7 @@ export default class Dropdown extends FormInputComponent<Props, State> {
   }
 
   onSelectItem(item: OptionItem): MouseEventHandler {
-    return event => {
+    return (event) => {
       event.preventDefault();
 
       this.setState({
@@ -143,7 +143,7 @@ export default class Dropdown extends FormInputComponent<Props, State> {
     this.toggle();
   };
 
-  onBodyClick: MouseEventHandler = event => {
+  onBodyClick: MouseEventHandler = (event) => {
     if (this.state.isActive) {
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       const el = ReactDOM.findDOMNode(this)!;

packages/app/components/ui/form/FormModel.ts

@@ -130,7 +130,7 @@ export default class FormModel {
     const oldErrors = this.errors;
     this.errors = errors;
 
-    Object.keys(this.fields).forEach(fieldId => {
+    Object.keys(this.fields).forEach((fieldId) => {
       if (this.renderErrors) {
         if (oldErrors[fieldId] || errors[fieldId]) {
           this.fields[fieldId].setError(errors[fieldId] || null);
@@ -192,7 +192,7 @@ export default class FormModel {
    * @param {Function} fn
    */
   removeLoadingListener(fn: LoadingListener): void {
-    this.handlers = this.handlers.filter(handler => handler !== fn);
+    this.handlers = this.handlers.filter((handler) => handler !== fn);
   }
 
   /**
@@ -212,6 +212,6 @@ export default class FormModel {
   }
 
   private notifyHandlers(): void {
-    this.handlers.forEach(fn => fn(this._isLoading));
+    this.handlers.forEach((fn) => fn(this._isLoading));
   }
 }

packages/app/components/ui/form/Input.test.tsx

@@ -14,7 +14,7 @@ describe('Input', () => {
         <Input
           defaultValue="foo"
           name="test"
-          ref={el => {
+          ref={(el) => {
             component = el;
           }}
         />

packages/app/components/ui/form/LinkButton.tsx

@@ -11,7 +11,7 @@ export default function LinkButton(
 
   return (
     <Button
-      component={linkProps => <Link {...linkProps} to={to} />}
+      component={(linkProps) => <Link {...linkProps} to={to} />}
       {...restProps}
     />
   );