CODEBASE: Add custom useRerender hook (#359)

src/Augmentation/ui/AugmentationsRoot.tsx

@@ -2,7 +2,7 @@
  * Root React component for the Augmentations UI page that display all of your
  * owned and purchased Augmentations and Source-Files.
  */
-import React, { useState, useEffect } from "react";
+import React, { useState } from "react";
 
 import { InstalledAugmentations } from "./InstalledAugmentations";
 import { PlayerMultipliers } from "./PlayerMultipliers";
@@ -26,6 +26,7 @@ import { formatNumberNoSuffix } from "../../ui/formatNumber";
 import { Info } from "@mui/icons-material";
 import { Link } from "@mui/material";
 import { AlertEvents } from "../../ui/React/AlertManager";
+import { useRerender } from "../../ui/React/hooks";
 
 const NeuroFluxDisplay = (): React.ReactElement => {
   const level = Player.augmentations.find((e) => e.name === AugmentationNames.NeuroFluxGovernor)?.level ?? 0;
@@ -84,14 +85,7 @@ interface IProps {
 
 export function AugmentationsRoot(props: IProps): React.ReactElement {
   const [installOpen, setInstallOpen] = useState(false);
-  const setRerender = useState(false)[1];
-  function rerender(): void {
-    setRerender((o) => !o);
-  }
-  useEffect(() => {
-    const id = setInterval(rerender, 200);
-    return () => clearInterval(id);
-  }, []);
+  const rerender = useRerender(200);
 
   function doExport(): void {
     props.exportGameFn();

src/Augmentation/ui/InstalledAugmentations.tsx

@@ -15,9 +15,10 @@ import { Settings } from "../../Settings/Settings";
 import { Player } from "@player";
 import { StaticAugmentations } from "../StaticAugmentations";
 import { AugmentationNames } from "../data/AugmentationNames";
+import { useRerender } from "../../ui/React/hooks";
 
 export function InstalledAugmentations(): React.ReactElement {
-  const setRerender = useState(true)[1];
+  const rerender = useRerender();
   const sourceAugs = Player.augmentations.slice().filter((aug) => aug.name !== AugmentationNames.NeuroFluxGovernor);
 
   const [selectedAug, setSelectedAug] = useState(sourceAugs[0]);
@@ -28,10 +29,6 @@ export function InstalledAugmentations(): React.ReactElement {
     });
   }
 
-  function rerender(): void {
-    setRerender((old) => !old);
-  }
-
   function sortByAcquirementTime(): void {
     Settings.OwnedAugmentationsOrder = OwnedAugmentationsOrderSetting.AcquirementTime;
     rerender();