v1.0 with SW PWA enabled

frontend/node_modules/@radix-ui/react-use-effect-event/src/index.ts

@@ -0,0 +1 @@
+export { useEffectEvent } from './use-effect-event';

frontend/node_modules/@radix-ui/react-use-effect-event/src/use-effect-event.tsx

@@ -0,0 +1,36 @@
+/* eslint-disable react-hooks/rules-of-hooks */
+import { useLayoutEffect } from '@radix-ui/react-use-layout-effect';
+import * as React from 'react';
+
+type AnyFunction = (...args: any[]) => any;
+
+// See https://github.com/webpack/webpack/issues/14814
+const useReactEffectEvent = (React as any)[' useEffectEvent '.trim().toString()];
+const useReactInsertionEffect = (React as any)[' useInsertionEffect '.trim().toString()];
+
+/**
+ * Designed to approximate the behavior on `experimental_useEffectEvent` as best
+ * as possible until its stable release, and back-fill it as a shim as needed.
+ */
+export function useEffectEvent<T extends AnyFunction>(callback?: T): T {
+  if (typeof useReactEffectEvent === 'function') {
+    return useReactEffectEvent(callback);
+  }
+
+  const ref = React.useRef<AnyFunction | undefined>(() => {
+    throw new Error('Cannot call an event handler while rendering.');
+  });
+  // See https://github.com/webpack/webpack/issues/14814
+  if (typeof useReactInsertionEffect === 'function') {
+    useReactInsertionEffect(() => {
+      ref.current = callback;
+    });
+  } else {
+    useLayoutEffect(() => {
+      ref.current = callback;
+    });
+  }
+
+  // https://github.com/facebook/react/issues/19240
+  return React.useMemo(() => ((...args) => ref.current?.(...args)) as T, []);
+}