disable formatting rules for eslint and add prettier in lint-staged (#2355)

* disable formatting rules for eslint and add prettier in lint-staged

* update npm modules

* set plugin-proposal-private-methods to loose

* update snapshots due to popover package update

* add missing quotes

Co-authored-by: bkmartinjr <bruce@chanzuckerberg.com>

client/src/components/brushableHistogram/error.tsx

@@ -2,17 +2,15 @@ import React from "react";
 import * as globals from "../../globals";
 
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
-const ErrorLoading = ({ displayName, zebra }: any) => {
-  return (
-    <div
-      style={{
-        backgroundColor: zebra ? globals.lightestGrey : "white",
-        fontStyle: "italic",
-      }}
-    >
-      <span>{`Failure loading ${displayName}`}</span>
-    </div>
-  );
-};
+const ErrorLoading = ({ displayName, zebra }: any) => (
+  <div
+    style={{
+      backgroundColor: zebra ? globals.lightestGrey : "white",
+      fontStyle: "italic",
+    }}
+  >
+    <span>{`Failure loading ${displayName}`}</span>
+  </div>
+);
 
 export default ErrorLoading;

client/src/components/brushableHistogram/footer.tsx

@@ -18,7 +18,7 @@ const HistogramFooter = React.memo(
     isObs,
     // @ts-expect-error ts-migrate(2339) FIXME: Property 'isGeneSetSummary' does not exist on type... Remove this comment to see the full error message
     isGeneSetSummary,
-  }) => {
+  }) => (
     /*
     Footer of each histogram.  Will render range and title.
 
@@ -28,44 +28,42 @@ const HistogramFooter = React.memo(
       * range - length two array, [min, max], containing the range values to display
       * rangeColor - length two array, [mincolor, maxcolor], each a CSS color
     */
-    return (
-      <div>
-        <div
+    <div>
+      <div
+        style={{
+          display: "flex",
+          justifyContent: hideRanges ? "center" : "space-between",
+        }}
+      >
+        <span
           style={{
-            display: "flex",
-            justifyContent: hideRanges ? "center" : "space-between",
+            color: rangeColorMin,
+            display: hideRanges ? "none" : "block",
           }}
         >
-          <span
-            style={{
-              color: rangeColorMin,
-              display: hideRanges ? "none" : "block",
-            }}
-          >
-            min {rangeMin.toPrecision(4)}
-          </span>
-          <span
-            data-testclass="brushable-histogram-field-name"
-            style={{ fontStyle: "italic" }}
-          >
-            {isObs && displayName}
-            {isGeneSetSummary && "gene set mean expression"}
-          </span>
-          <div style={{ display: hideRanges ? "block" : "none" }}>
-            : {rangeMin}
-          </div>
-          <span
-            style={{
-              color: rangeColorMax,
-              display: hideRanges ? "none" : "block",
-            }}
-          >
-            max {rangeMax.toPrecision(4)}
-          </span>
+          min {rangeMin.toPrecision(4)}
+        </span>
+        <span
+          data-testclass="brushable-histogram-field-name"
+          style={{ fontStyle: "italic" }}
+        >
+          {isObs && displayName}
+          {isGeneSetSummary && "gene set mean expression"}
+        </span>
+        <div style={{ display: hideRanges ? "block" : "none" }}>
+          : {rangeMin}
         </div>
+        <span
+          style={{
+            color: rangeColorMax,
+            display: hideRanges ? "none" : "block",
+          }}
+        >
+          max {rangeMax.toPrecision(4)}
+        </span>
       </div>
-    );
-  }
+    </div>
+  )
 );
 
 export default HistogramFooter;

client/src/components/brushableHistogram/index.tsx

@@ -118,9 +118,9 @@ class HistogramBrush extends React.PureComponent {
 
   // @ts-expect-error ts-migrate(6133) FIXME: 'selection' is declared but its value is never rea... Remove this comment to see the full error message
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
-  onBrushEnd = (selection: any, x: any) => {
+  onBrushEnd = (selection: any, x: any) =>
     // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.
-    return () => {
+    () => {
       const {
         // @ts-expect-error ts-migrate(2339) FIXME: Property 'dispatch' does not exist on type 'Readon... Remove this comment to see the full error message
         dispatch,
@@ -190,7 +190,6 @@ class HistogramBrush extends React.PureComponent {
         actions.selectContinuousMetadataAction(type, query, range, otherProps)
       );
     };
-  };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.
   handleSetGeneAsScatterplotX = () => {

client/src/components/brushableHistogram/loading.tsx

@@ -4,41 +4,38 @@ import { Button } from "@blueprintjs/core";
 import * as globals from "../../globals";
 
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
-const StillLoading = ({ zebra, displayName }: any) => {
+const StillLoading = ({ zebra, displayName }: any) => (
   /*
     Render a loading indicator for the field.
     */
-  return (
+  <div
+    data-testclass="gene-loading-spinner"
+    style={{
+      padding: globals.leftSidebarSectionPadding,
+      backgroundColor: zebra ? globals.lightestGrey : "white",
+    }}
+  >
     <div
-      data-testclass="gene-loading-spinner"
       style={{
-        padding: globals.leftSidebarSectionPadding,
-        backgroundColor: zebra ? globals.lightestGrey : "white",
+        display: "flex",
+        justifyContent: "space-between",
+        justifyItems: "center",
+        alignItems: "center",
       }}
     >
+      <div style={{ minWidth: 30 }} />
+      <div style={{ display: "flex", alignSelf: "center" }}>
+        <span style={{ fontStyle: "italic" }}>{displayName}</span>
+      </div>
       <div
         style={{
           display: "flex",
-          justifyContent: "space-between",
-          justifyItems: "center",
-          alignItems: "center",
+          justifyContent: "flex-end",
         }}
       >
-        <div style={{ minWidth: 30 }} />
-        <div style={{ display: "flex", alignSelf: "center" }}>
-          <span style={{ fontStyle: "italic" }}>{displayName}</span>
-        </div>
-        <div
-          style={{
-            display: "flex",
-            justifyContent: "flex-end",
-          }}
-        >
-          <Button minimal loading intent="primary" />
-        </div>
+        <Button minimal loading intent="primary" />
       </div>
     </div>
-  );
-};
-
+  </div>
+);
 export default StillLoading;

client/src/components/categorical/annoSelect.tsx

@@ -35,18 +35,16 @@ class DuplicateCategorySelect extends React.PureComponent<{}, State> {
             [] /* this is a placeholder, could be  a subcomponent to avoid this */
           }
           filterable={false}
-          itemRenderer={(d, { handleClick }) => {
-            return (
-              <MenuItem
-                data-testclass="duplicate-category-dropdown-option"
-                onClick={handleClick}
-                // @ts-expect-error ts-migrate(2322) FIXME: Type 'unknown' is not assignable to type 'Key | nu... Remove this comment to see the full error message
-                key={d}
-                // @ts-expect-error ts-migrate(2322) FIXME: Type 'unknown' is not assignable to type 'ReactNod... Remove this comment to see the full error message
-                text={d}
-              />
-            );
-          }}
+          itemRenderer={(d, { handleClick }) => (
+            <MenuItem
+              data-testclass="duplicate-category-dropdown-option"
+              onClick={handleClick}
+              // @ts-expect-error ts-migrate(2322) FIXME: Type 'unknown' is not assignable to type 'Key | nu... Remove this comment to see the full error message
+              key={d}
+              // @ts-expect-error ts-migrate(2322) FIXME: Type 'unknown' is not assignable to type 'ReactNod... Remove this comment to see the full error message
+              text={d}
+            />
+          )}
           noResults={<MenuItem disabled text="No results." />}
           onItemSelect={(d) => {
             handleModalDuplicateCategorySelection(d);

client/src/components/categorical/category/annoDialogAddLabel.tsx

@@ -78,9 +78,8 @@ class Category extends React.PureComponent<{}, State> {
   };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
-  instruction = (label: any) => {
-    return labelPrompt(this.labelNameError(label), "New, unique label", ":");
-  };
+  instruction = (label: any) =>
+    labelPrompt(this.labelNameError(label), "New, unique label", ":");
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
   handleChangeOrSelect = (label: any) => {

client/src/components/categorical/category/annoDialogEditCategoryName.tsx

@@ -105,13 +105,12 @@ class AnnoDialogEditCategoryName extends React.PureComponent<{}, State> {
   };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
-  instruction = (name: any) => {
-    return labelPrompt(
+  instruction = (name: any) =>
+    labelPrompt(
       this.editedCategoryNameError(name),
       "New, unique category name",
       ":"
     );
-  };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.
   allCategoryNames() {

client/src/components/categorical/category/index.tsx

@@ -342,57 +342,54 @@ class Category extends React.PureComponent {
 export default Category;
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-const StillLoading = ({ metadataField, checkboxID }: any) => {
+const StillLoading = ({ metadataField, checkboxID }: any) => (
   /*
   We are still loading this category, so render a "busy" signal.
   */
-  return (
+  <div
+    style={{
+      maxWidth: globals.maxControlsWidth,
+    }}
+  >
     <div
       style={{
-        maxWidth: globals.maxControlsWidth,
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "baseline",
       }}
     >
       <div
         style={{
           display: "flex",
-          justifyContent: "space-between",
-          alignItems: "baseline",
+          justifyContent: "flex-start",
+          alignItems: "flex-start",
         }}
       >
-        <div
-          style={{
-            display: "flex",
-            justifyContent: "flex-start",
-            alignItems: "flex-start",
-          }}
+        <label
+          htmlFor={checkboxID}
+          className={`${Classes.CONTROL} ${Classes.CHECKBOX}`}
         >
-          <label
-            htmlFor={checkboxID}
-            className={`${Classes.CONTROL} ${Classes.CHECKBOX}`}
+          <input disabled id={checkboxID} checked type="checkbox" />
+          <span className={Classes.CONTROL_INDICATOR} />
+        </label>
+        <Truncate>
+          <span
+            style={{
+              cursor: "pointer",
+              display: "inline-block",
+              width: LABEL_WIDTH,
+            }}
           >
-            <input disabled id={checkboxID} checked type="checkbox" />
-            <span className={Classes.CONTROL_INDICATOR} />
-          </label>
-          <Truncate>
-            <span
-              style={{
-                cursor: "pointer",
-                display: "inline-block",
-                width: LABEL_WIDTH,
-              }}
-            >
-              {metadataField}
-            </span>
-          </Truncate>
-        </div>
-        <div>
-          <Button minimal loading intent="primary" />
-        </div>
+            {metadataField}
+          </span>
+        </Truncate>
+      </div>
+      <div>
+        <Button minimal loading intent="primary" />
       </div>
     </div>
-  );
-};
-
+  </div>
+);
 // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
 const ErrorLoading = ({ metadataField, error }: any) => {
   console.error(error); // log error to console as it is unexpected.

client/src/components/categorical/index.tsx

@@ -116,13 +116,8 @@ class Categories extends React.Component<{}, State> {
   };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
-  instruction = (name: any) => {
-    return labelPrompt(
-      this.categoryNameError(name),
-      "New, unique category name",
-      ":"
-    );
-  };
+  instruction = (name: any) =>
+    labelPrompt(this.categoryNameError(name), "New, unique category name", ":");
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
   onExpansionChange = (catName: any) => {

client/src/components/categorical/value/index.tsx

@@ -151,9 +151,8 @@ class CategoryValue extends React.Component<{}, State> {
   };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
-  instruction = (label: any) => {
-    return labelPrompt(this.labelNameError(label), "New, unique label", ":");
-  };
+  instruction = (label: any) =>
+    labelPrompt(this.labelNameError(label), "New, unique label", ":");
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.
   activateEditLabelMode = () => {

client/src/components/embedding/index.tsx

@@ -19,16 +19,14 @@ import { getDiscreteCellEmbeddingRowIndex } from "../../util/stateManager/viewSt
 type EmbeddingState = any;
 
 // @ts-expect-error ts-migrate(1238) FIXME: Unable to resolve signature of class decorator whe... Remove this comment to see the full error message
-@connect((state) => {
-  return {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    layoutChoice: (state as any).layoutChoice,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    schema: (state as any).annoMatrix?.schema,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    crossfilter: (state as any).obsCrossfilter,
-  };
-})
+@connect((state) => ({
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  layoutChoice: (state as any).layoutChoice,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  schema: (state as any).annoMatrix?.schema,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  crossfilter: (state as any).obsCrossfilter,
+}))
 // eslint-disable-next-line @typescript-eslint/ban-types --- FIXME: disabled temporarily on migrate to TS.
 class Embedding extends React.PureComponent<{}, EmbeddingState> {
   // eslint-disable-next-line @typescript-eslint/ban-types --- FIXME: disabled temporarily on migrate to TS.

client/src/components/geneExpression/index.tsx

@@ -11,12 +11,10 @@ import CreateGenesetDialogue from "./menus/createGenesetDialogue";
 type State = any;
 
 // @ts-expect-error ts-migrate(1238) FIXME: Unable to resolve signature of class decorator whe... Remove this comment to see the full error message
-@connect((state) => {
-  return {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    genesets: (state as any).genesets.genesets,
-  };
-})
+@connect((state) => ({
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  genesets: (state as any).genesets.genesets,
+}))
 // eslint-disable-next-line @typescript-eslint/ban-types --- FIXME: disabled temporarily on migrate to TS.
 class GeneExpression extends React.Component<{}, State> {
   // eslint-disable-next-line @typescript-eslint/ban-types --- FIXME: disabled temporarily on migrate to TS.
@@ -53,18 +51,17 @@ class GeneExpression extends React.Component<{}, State> {
     dispatch({ type: "geneset: activate add new geneset mode" });
     if (!geneSetsExpanded) {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-      this.setState((state: any) => {
-        return { ...state, geneSetsExpanded: true };
-      });
+      this.setState((state: any) => ({ ...state, geneSetsExpanded: true }));
     }
   };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.
   handleExpandGeneSets = () => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    this.setState((state: any) => {
-      return { ...state, geneSetsExpanded: !state.geneSetsExpanded };
-    });
+    this.setState((state: any) => ({
+      ...state,
+      geneSetsExpanded: !state.geneSetsExpanded,
+    }));
   };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.

client/src/components/geneExpression/menus/addGenes.tsx

@@ -55,16 +55,14 @@ const filterGenes = (query: any, genes: any) =>
 type AddGenesState = any;
 
 // @ts-expect-error ts-migrate(1238) FIXME: Unable to resolve signature of class decorator whe... Remove this comment to see the full error message
-@connect((state) => {
-  return {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    annoMatrix: (state as any).annoMatrix,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    userDefinedGenes: (state as any).controls.userDefinedGenes,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    userDefinedGenesLoading: (state as any).controls.userDefinedGenesLoading,
-  };
-})
+@connect((state) => ({
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  annoMatrix: (state as any).annoMatrix,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  userDefinedGenes: (state as any).controls.userDefinedGenes,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  userDefinedGenesLoading: (state as any).controls.userDefinedGenesLoading,
+}))
 // eslint-disable-next-line @typescript-eslint/ban-types --- FIXME: disabled temporarily on migrate to TS.
 class AddGenes extends React.Component<{}, AddGenesState> {
   // eslint-disable-next-line @typescript-eslint/ban-types --- FIXME: disabled temporarily on migrate to TS.
@@ -291,9 +289,7 @@ class AddGenes extends React.Component<{}, AddGenesState> {
               initialContent={<MenuItem disabled text="Enter a gene…" />}
               // @ts-expect-error ts-migrate(2322) FIXME: Type '{ "data-testid": string; }' is not assignabl... Remove this comment to see the full error message
               inputProps={{ "data-testid": "gene-search" }}
-              inputValueRenderer={() => {
-                return "";
-              }}
+              inputValueRenderer={() => ""}
               // @ts-expect-error ts-migrate(2322) FIXME: Type '(query: any, genes: any) => Fuzzysort.Result... Remove this comment to see the full error message
               itemListPredicate={filterGenes}
               onActiveItemChange={(item) => this.setState({ activeItem: item })}

client/src/components/geneExpression/menus/createGenesetDialogue.tsx

@@ -90,9 +90,7 @@ class CreateGenesetDialogue extends React.PureComponent<{}, State> {
   };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.
-  genesetNameError = () => {
-    return false;
-  };
+  genesetNameError = () => false;
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
   handleChange = (e: any) => {
@@ -113,11 +111,10 @@ class CreateGenesetDialogue extends React.PureComponent<{}, State> {
   };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
-  instruction = (genesetName: any, genesets: any) => {
-    return genesets.has(genesetName)
+  instruction = (genesetName: any, genesets: any) =>
+    genesets.has(genesetName)
       ? "Gene set name must be unique."
       : "New, unique gene set name";
-  };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
   validate = (genesetName: any, genesets: any) => {

client/src/components/geneExpression/menus/editGenesetNameDialogue.tsx

@@ -66,9 +66,7 @@ class RenameGeneset extends React.PureComponent<{}, State> {
   };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.
-  genesetNameError = () => {
-    return false;
-  };
+  genesetNameError = () => false;
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
   handleChange = (e: any) => {
@@ -81,14 +79,11 @@ class RenameGeneset extends React.PureComponent<{}, State> {
   };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
-  validate = (genesetName: any, genesets: any) => {
-    return (
-      !genesets.has(genesetName) &&
-      // eslint-disable-next-line no-control-regex -- unicode 0-31 127-65535
-      genesetName.match(/^\s|[\u0000-\u001F\u007F-\uFFFF]|[ ]{2,}|^$|\s$/g)
-        ?.length
-    );
-  };
+  validate = (genesetName: any, genesets: any) =>
+    !genesets.has(genesetName) &&
+    // eslint-disable-next-line no-control-regex -- unicode 0-31 127-65535
+    genesetName.match(/^\s|[\u0000-\u001F\u007F-\uFFFF]|[ ]{2,}|^$|\s$/g)
+      ?.length;
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.
   render() {

client/src/components/geneExpression/menus/genesetMenus.tsx

@@ -21,14 +21,12 @@ import AddGeneToGenesetDialogue from "./addGeneToGenesetDialogue";
 type State = any;
 
 // @ts-expect-error ts-migrate(1238) FIXME: Unable to resolve signature of class decorator whe... Remove this comment to see the full error message
-@connect((state) => {
-  return {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    genesetsUI: (state as any).genesetsUI,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    colorAccessor: (state as any).colors.colorAccessor,
-  };
-})
+@connect((state) => ({
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  genesetsUI: (state as any).genesetsUI,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  colorAccessor: (state as any).colors.colorAccessor,
+}))
 // eslint-disable-next-line @typescript-eslint/ban-types --- FIXME: disabled temporarily on migrate to TS.
 class GenesetMenus extends React.PureComponent<{}, State> {
   // eslint-disable-next-line @typescript-eslint/ban-types --- FIXME: disabled temporarily on migrate to TS.

client/src/components/geneExpression/quickGene.tsx

@@ -28,17 +28,14 @@ function QuickGene() {
   const [, setStatus] = useState("pending");
 
   const { annoMatrix, userDefinedGenes, userDefinedGenesLoading } = useSelector(
-    (state) => {
-      return {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-        annoMatrix: (state as any).annoMatrix,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-        userDefinedGenes: (state as any).controls.userDefinedGenes,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-        userDefinedGenesLoading: (state as any).controls
-          .userDefinedGenesLoading,
-      };
-    }
+    (state) => ({
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+      annoMatrix: (state as any).annoMatrix,
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+      userDefinedGenes: (state as any).controls.userDefinedGenes,
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+      userDefinedGenesLoading: (state as any).controls.userDefinedGenesLoading,
+    })
   );
 
   const prevProps = usePrevious({ annoMatrix });
@@ -121,10 +118,10 @@ function QuickGene() {
     dispatch({ type: "clear user defined gene", data: gene });
   };
 
-  const QuickGenes = useMemo(() => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    return userDefinedGenes.map((gene: any) => {
-      return (
+  const QuickGenes = useMemo(
+    () =>
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+      userDefinedGenes.map((gene: any) => (
         <Gene
           key={`quick=${gene}`}
           // @ts-expect-error ts-migrate(2322) FIXME: Type '{ key: string; gene: any; removeGene: (gene:... Remove this comment to see the full error message
@@ -132,9 +129,9 @@ function QuickGene() {
           removeGene={removeGene}
           quickGene
         />
-      );
-    });
-  }, [userDefinedGenes]);
+      )),
+    [userDefinedGenes]
+  );
 
   return (
     <div style={{ width: "100%", marginBottom: "16px" }}>
@@ -177,9 +174,7 @@ function QuickGene() {
                 leftIcon: IconNames.SEARCH,
                 fill: true,
               }}
-              inputValueRenderer={() => {
-                return "";
-              }}
+              inputValueRenderer={() => ""}
               // @ts-expect-error ts-migrate(2322) FIXME: Type '(query: any, genes: any) => Fuzzysort.Result... Remove this comment to see the full error message
               itemListPredicate={filterGenes}
               itemRenderer={renderGene}

client/src/components/graph/graph.tsx

@@ -355,9 +355,10 @@ class Graph extends React.Component<{}, GraphState> {
     if (camera.handleEvent(e, projectionTF)) {
       this.renderCanvas();
       // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-      this.setState((state: any) => {
-        return { ...state, updateOverlay: !state.updateOverlay };
-      });
+      this.setState((state: any) => ({
+        ...state,
+        updateOverlay: !state.updateOverlay,
+      }));
     }
   };
 
@@ -1036,32 +1037,29 @@ const ErrorLoading = ({ displayName, error, width, height }: any) => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-const StillLoading = ({ displayName, width, height }: any) => {
+const StillLoading = ({ displayName, width, height }: any) => (
   /*
   Render a busy/loading indicator
   */
-  return (
+  <div
+    style={{
+      position: "fixed",
+      fontWeight: 500,
+      top: height / 2,
+      width,
+    }}
+  >
     <div
       style={{
-        position: "fixed",
-        fontWeight: 500,
-        top: height / 2,
-        width,
+        display: "flex",
+        justifyContent: "center",
+        justifyItems: "center",
+        alignItems: "center",
       }}
     >
-      <div
-        style={{
-          display: "flex",
-          justifyContent: "center",
-          justifyItems: "center",
-          alignItems: "center",
-        }}
-      >
-        <Button minimal loading intent="primary" />
-        <span style={{ fontStyle: "italic" }}>Loading {displayName}</span>
-      </div>
+      <Button minimal loading intent="primary" />
+      <span style={{ fontStyle: "italic" }}>Loading {displayName}</span>
     </div>
-  );
-};
-
+  </div>
+);
 export default Graph;

client/src/components/graph/overlays/graphOverlayLayer.tsx

@@ -23,7 +23,7 @@ export default class GraphOverlayLayer extends PureComponent<{}, State> {
   }
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
-  matrixToTransformString = (m: any) => {
+  matrixToTransformString = (m: any) =>
     /* 
       Translates the gl-matrix mat3 to SVG matrix transform style
 
@@ -32,21 +32,20 @@ export default class GraphOverlayLayer extends PureComponent<{}, State> {
         b  d  f / [a, b, 0, c, d, 0, e, f, 1] =>  matrix(a, b, c, d, e, f) / matrix(sx, 0, 0, sy, tx, ty) / matrix(m[0] m[3] m[1] m[4] m[6] m[7])
         0  0  1      
     */
-    return `matrix(${m[0]} ${m[1]} ${m[3]} ${m[4]} ${m[6]} ${m[7]})`;
-  };
+    `matrix(${m[0]} ${m[1]} ${m[3]} ${m[4]} ${m[6]} ${m[7]})`;
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
-  reverseMatrixScaleTransformString = (m: any) => {
-    return `matrix(${1 / m[0]} 0 0 ${1 / m[4]} 0 0)`;
-  };
+  reverseMatrixScaleTransformString = (m: any) =>
+    `matrix(${1 / m[0]} 0 0 ${1 / m[4]} 0 0)`;
 
   // This is passed to all children, should be called when an overlay's display state is toggled along with the overlay name and its new display state in boolean form
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
   overlaySetShowing = (overlay: any, displaying: any) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    this.setState((state: any) => {
-      return { ...state, display: { ...state.display, [overlay]: displaying } };
-    });
+    this.setState((state: any) => ({
+      ...state,
+      display: { ...state.display, [overlay]: displaying },
+    }));
   };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.

client/src/components/infoDrawer/infoDrawer.tsx

@@ -6,20 +6,18 @@ import InfoFormat from "./infoFormat";
 import { selectableCategoryNames } from "../../util/stateManager/controlsHelpers";
 
 // @ts-expect-error ts-migrate(1238) FIXME: Unable to resolve signature of class decorator whe... Remove this comment to see the full error message
-@connect((state) => {
-  return {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    schema: (state as any).annoMatrix.schema,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    datasetTitle: (state as any).config?.displayNames?.dataset ?? "",
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    aboutURL: (state as any).config?.links?.["about-dataset"],
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    isOpen: (state as any).controls.datasetDrawer,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
-    dataPortalProps: (state as any).config?.corpora_props,
-  };
-})
+@connect((state) => ({
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  schema: (state as any).annoMatrix.schema,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  datasetTitle: (state as any).config?.displayNames?.dataset ?? "",
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  aboutURL: (state as any).config?.links?.["about-dataset"],
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  isOpen: (state as any).controls.datasetDrawer,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
+  dataPortalProps: (state as any).config?.corpora_props,
+}))
 class InfoDrawer extends PureComponent {
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.
   handleClose = () => {

client/src/components/infoDrawer/infoFormat.tsx

@@ -100,16 +100,14 @@ const renderDatasetMetadata = (
           </tr>
         </thead>
         <tbody>
-          {Object.entries(corporaMetadata).map(([key, value]) => {
-            return (
-              <tr {...{ key }}>
-                <td>{`${key}:`}</td>
-                {/* @ts-expect-error ts-migrate(2322) FIXME: Type 'unknown' is not assignable to type 'ReactNod... Remove this comment to see the full error message */}
-                <td>{value}</td>
-                <td />
-              </tr>
-            );
-          })}
+          {Object.entries(corporaMetadata).map(([key, value]) => (
+            <tr {...{ key }}>
+              <td>{`${key}:`}</td>
+              {/* @ts-expect-error ts-migrate(2322) FIXME: Type 'unknown' is not assignable to type 'ReactNod... Remove this comment to see the full error message */}
+              <td>{value}</td>
+              <td />
+            </tr>
+          ))}
           {Array.from(singleValueCategories).reduce((elems, pair) => {
             // @ts-expect-error ts-migrate(2488) FIXME: Type 'unknown' must have a '[Symbol.iterator]()' m... Remove this comment to see the full error message
             const [category, value] = pair;

client/src/components/scatterplot/scatterplot.tsx

@@ -251,12 +251,10 @@ class Scatterplot extends React.PureComponent<{}, State> {
   };
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.
-  getViewportDimensions = () => {
-    return {
-      height: window.innerHeight,
-      width: window.innerWidth,
-    };
-  };
+  getViewportDimensions = () => ({
+    height: window.innerHeight,
+    width: window.innerWidth,
+  });
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.
   handleResize = () => {