CODEBASE: Add custom useRerender hook (#359)

src/ui/React/LogBoxManager.tsx

@@ -19,6 +19,7 @@ import { debounce } from "lodash";
 import { Settings } from "../../Settings/Settings";
 import { ANSIITypography } from "./ANSIITypography";
 import { ScriptArg } from "../../Netscript/ScriptArg";
+import { useRerender } from "./hooks";
 
 let layerCounter = 0;
 
@@ -53,10 +54,7 @@ interface Log {
 let logs: Log[] = [];
 
 export function LogBoxManager(): React.ReactElement {
-  const setRerender = useState(true)[1];
-  function rerender(): void {
-    setRerender((o) => !o);
-  }
+  const rerender = useRerender();
   useEffect(
     () =>
       LogBoxEvents.subscribe((script: RunningScript) => {
@@ -140,12 +138,9 @@ function LogWindow(props: IProps): React.ReactElement {
   const classes = useStyles();
   const container = useRef<HTMLDivElement>(null);
   const textArea = useRef<HTMLDivElement>(null);
-  const setRerender = useState(false)[1];
+  const rerender = useRerender(1000);
   const [size, setSize] = useState<[number, number]>([500, 500]);
   const [minimized, setMinimized] = useState(false);
-  function rerender(): void {
-    setRerender((old) => !old);
-  }
 
   const textAreaKeyDown = (e: React.KeyboardEvent) => {
     if (e.ctrlKey && e.key === "a") {
@@ -214,8 +209,6 @@ function LogWindow(props: IProps): React.ReactElement {
 
   useEffect(() => {
     updateLayer();
-    const id = setInterval(rerender, 1000);
-    return () => clearInterval(id);
   }, []);
 
   function kill(): void {