refactor: use curly brace for void arrow functions

src/AdminHome.jsx

@@ -19,7 +19,9 @@ export default () => {
         userId: null,
     });
 
-    const onSelect = tab => dispatch({ tab });
+    const onSelect = tab => {
+        dispatch({ tab });
+    };
 
     return (
         <DispatchContext.Provider value={dispatch}>

src/AdministratorList.jsx

@@ -15,7 +15,9 @@ const AdministratorList = ({ administratorList }) => {
 
     const dispatch = useDispatchContext();
 
-    const onClick = userId => dispatch({ tab: "users", userId });
+    const onClick = userId => {
+        dispatch({ tab: "users", userId });
+    };
 
     const getAdminName = userId => (userId.displayname ? `${userId.displayname} (${userId.email})` : userId.email);
 
@@ -23,7 +25,9 @@ const AdministratorList = ({ administratorList }) => {
         <div
             key={adminUser.user_id}
             className="AdministratorList_adminUserRow"
-            onClick={() => onClick(adminUser.user_id)}
+            onClick={() => {
+                onClick(adminUser.user_id);
+            }}
         >
             {getAdminName(adminUser)}
         </div>

src/DashboardTab.jsx

@@ -36,7 +36,9 @@ export default () => {
         if (intervalIdRef.current) {
             clearInterval(intervalIdRef.current);
         }
-        intervalIdRef.current = setInterval(() => refetchRef.current(), 10000);
+        intervalIdRef.current = setInterval(() => {
+            refetchRef.current();
+        }, 10000);
     }, [data]);
 
     return loading || !metrics ? (

src/ItemTable.jsx

@@ -81,11 +81,18 @@ const ItemTable = ({ tableInstance, itemId }) => {
             <tbody {...getTableBodyProps()}>
                 {rows.map(row => {
                     prepareRow(row);
-                    const onClick = () => dispatch({ item: row.original });
                     return (
                         <tr ref={refs.current[row.original.itemId]} {...getRowProps(row)}>
                             {row.cells.map(cell => (
-                                <td {...cell.getCellProps({ onClick })}>{cell.render("Cell")}</td>
+                                <td
+                                    {...cell.getCellProps({
+                                        onClick: () => {
+                                            dispatch({ item: row.original });
+                                        },
+                                    })}
+                                >
+                                    {cell.render("Cell")}
+                                </td>
                             ))}
                         </tr>
                     );

src/Login.jsx

@@ -27,7 +27,9 @@ const Login = ({ setupClient }) => {
     const login = () =>
         client
             .loginWithPassword(username, password)
-            .then(() => setupClient(client))
+            .then(() => {
+                setupClient(client);
+            })
             .catch(error => {
                 setPendingLogin(false);
                 alert(error.message);

src/NewUserForm.jsx

@@ -34,7 +34,7 @@ const NewUserForm = ({ userList, onSubmit, bindSubmitForm, feedback }) => {
             .test(
                 "is-available",
                 t("unavailableEmailAddress"),
-                value => !value || !userList.some(user => user.emailAddress === value)
+                value => !value || userList.every(user => user.emailAddress !== value)
             ),
         isSynapseAdministrator: yup.bool(),
     });

src/NewUserModal.jsx

@@ -41,7 +41,9 @@ const NewUserModal = ({ modalShow, setModalShow, userList, newUserLocalEcho }) =
                 newUserLocalEcho(user);
                 setFeedback({ variant: "success", message: t("success") });
             })
-            .catch(() => setFeedback({ variant: "danger", message: t("danger") }));
+            .catch(() => {
+                setFeedback({ variant: "danger", message: t("danger") });
+            });
     };
 
     const onHide = () => {
@@ -58,8 +60,12 @@ const NewUserModal = ({ modalShow, setModalShow, userList, newUserLocalEcho }) =
         <NewItemModal
             show={modalShow}
             title={t("button")}
-            onSave={() => submitFormRef.current()}
-            onClick={() => setFeedback(null)}
+            onSave={() => {
+                submitFormRef.current();
+            }}
+            onClick={() => {
+                setFeedback(null);
+            }}
             {...{ feedback, loading, onHide }}
         >
             <NewUserForm {...{ userList, onSubmit, bindSubmitForm, feedback }} />

src/RoomsTab.jsx

@@ -17,10 +17,7 @@ export default () => {
 
     const client = useMatrixClientContext();
 
-    const getDisplayName = userId => {
-        const user = client.getUser(userId);
-        return user && user.displayName;
-    };
+    const getDisplayName = userId => client.getUser(userId)?.displayName;
 
     const resolve = data =>
         data.map(item => ({

src/SearchBox.jsx

@@ -9,9 +9,13 @@ import "./css/SearchBox.scss";
 const SearchBox = ({ tableInstance, t }) => {
     const { state, setGlobalFilter } = tableInstance;
 
-    const onChange = event => setGlobalFilter(event.target.value || undefined);
+    const onChange = event => {
+        setGlobalFilter(event.target.value || undefined);
+    };
 
-    const onClick = () => setGlobalFilter();
+    const onClick = () => {
+        setGlobalFilter();
+    };
 
     return (
         <InputGroup className="searchBox">

src/TableTab.jsx

@@ -43,7 +43,9 @@ const TableTab = ({
         if (intervalIdRef.current) {
             clearInterval(intervalIdRef.current);
         }
-        intervalIdRef.current = setInterval(() => refetchRef.current(), 10000);
+        intervalIdRef.current = setInterval(() => {
+            refetchRef.current();
+        }, 10000);
     }, [data, setItemList]);
 
     const fuzzyTextFilterFn = (rows, ids, filterValue) =>
@@ -69,7 +71,9 @@ const TableTab = ({
     );
 
     const dispatch = useDispatchContext();
-    useEffect(() => dispatch({ tableInstance }), [tableInstance, dispatch]);
+    useEffect(() => {
+        dispatch({ tableInstance });
+    }, [tableInstance, dispatch]);
 
     const TransSearchBox = useMemo(() => withTranslation(ns)(SearchBox), [ns]);
 

src/UsersTab.jsx

@@ -36,12 +36,20 @@ const UsersTab = ({ userId }) => {
     };
 
     const newItemButton = (
-        <NewItemButton onClick={() => setModalShow(true)} className="NewItemButton-user" {...{ t }} />
+        <NewItemButton
+            onClick={() => {
+                setModalShow(true);
+            }}
+            className="NewItemButton-user"
+            {...{ t }}
+        />
     );
 
     const newItemModal = (
         <NewUserModal
-            newUserLocalEcho={user => setUserList([...userList, user])}
+            newUserLocalEcho={user => {
+                setUserList([...userList, user]);
+            }}
             {...{ modalShow, setModalShow, userList }}
         />
     );

src/i18n.js

@@ -50,6 +50,8 @@ i18n
         },
     });
 
-i18n.on("languageChanged", lng => moment.locale(lng));
+i18n.on("languageChanged", lng => {
+    moment.locale(lng);
+});
 
 export default i18n;