Use own useEvent definition instead of using json-immutability-helper's hooks, since we don't need any of the other provided hooks

Author: davidje13

frontend/src/hooks/useActionFactory.ts

@@ -1,12 +1,10 @@
 import { useEvent } from './useEvent';
 
-type Action<A extends readonly unknown[]> = (...args: A) => void;
-
 export const useActionFactory =
   <Spec>(dispatch: ((spec: Spec) => void) | undefined) =>
-  <A extends readonly unknown[]>(
+  <A extends any[]>(
     action: (...args: A) => Spec,
-  ): Action<A> | undefined => {
+  ): ((...args: A) => void) | undefined => {
     const fn = useEvent((...args: A) => dispatch?.(action(...args)));
     return dispatch ? fn : undefined;
   };

frontend/src/hooks/useEvent.ts

@@ -1,5 +1,14 @@
-import React from 'react';
-import { makeHooks } from 'json-immutability-helper/helpers/hooks';
-import { context } from '../api/reducer';
+import { useLayoutEffect, useRef, useState } from 'react';
 
-export const { useEvent } = makeHooks(context, React);
+export const useEvent = <Fn extends (...args: any) => any>(fn: Fn) => {
+  const latest = useRef(fn);
+  useLayoutEffect(() => {
+    latest.current = fn;
+  }, [fn]);
+  const [stable] = useState(
+    () =>
+      (...args: Parameters<Fn>): ReturnType<Fn> =>
+        latest.current.apply(undefined, args),
+  );
+  return stable;
+};