CODEBASE: Add custom useRerender hook (#359)

src/ScriptEditor/ui/ScriptEditorRoot.tsx

@@ -45,6 +45,7 @@ import { Modal } from "../../ui/React/Modal";
 
 import libSource from "!!raw-loader!../NetscriptDefinitions.d.ts";
 import { TextField, Tooltip } from "@mui/material";
+import { useRerender } from "../../ui/React/hooks";
 
 interface IProps {
   // Map of filename -> code
@@ -106,10 +107,7 @@ let currentScript: OpenScript | null = null;
 
 // Called every time script editor is opened
 export function Root(props: IProps): React.ReactElement {
-  const setRerender = useState(false)[1];
-  function rerender(): void {
-    setRerender((o) => !o);
-  }
+  const rerender = useRerender();
   const editorRef = useRef<IStandaloneCodeEditor | null>(null);
   const monacoRef = useRef<Monaco | null>(null);
   const vimStatusRef = useRef<HTMLElement>(null);

src/ScriptEditor/ui/ThemeEditorModal.tsx

@@ -4,6 +4,7 @@ import IconButton from "@mui/material/IconButton";
 import _ from "lodash";
 import { Color, ColorPicker } from "material-ui-color";
 import React, { useState } from "react";
+import { useRerender } from "../../ui/React/hooks";
 import { Settings } from "../../Settings/Settings";
 import { Modal } from "../../ui/React/Modal";
 import { OptionSwitch } from "../../ui/React/OptionSwitch";
@@ -65,10 +66,7 @@ function ColorEditor({ label, themePath, onColorChange, color, defaultColor }: I
 }
 
 export function ThemeEditorModal(props: IProps): React.ReactElement {
-  const setRerender = useState(false)[1];
-  function rerender(): void {
-    setRerender((o) => !o);
-  }
+  const rerender = useRerender();
 
   // Need to deep copy the object since it has nested attributes
   const [themeCopy, setThemeCopy] = useState<IScriptEditorTheme>(JSON.parse(JSON.stringify(Settings.EditorTheme)));