fix: update useSet to proper TypeScript actions without Proxy

src/useSet.ts

@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useState } from 'react';
+import { useRef, useState } from 'react';
 
 export interface StableActions<K> {
   add: (key: K) => void;
@@ -13,28 +13,36 @@ export interface Actions<K> extends StableActions<K> {
 }
 
 const useSet = <K>(initialSet = new Set<K>()): [Set<K>, Actions<K>] => {
-  const [set, setSet] = useState(initialSet);
-
-  const stableActions = useMemo<StableActions<K>>(() => {
-    const add = (item: K) => setSet((prevSet) => new Set([...Array.from(prevSet), item]));
-    const remove = (item: K) =>
-      setSet((prevSet) => new Set(Array.from(prevSet).filter((i) => i !== item)));
-    const toggle = (item: K) =>
-      setSet((prevSet) =>
-        prevSet.has(item)
-          ? new Set(Array.from(prevSet).filter((i) => i !== item))
-          : new Set([...Array.from(prevSet), item])
-      );
-
-    return { add, remove, toggle, reset: () => setSet(initialSet), clear: () => setSet(new Set()) };
-  }, [setSet]);
-
-  const utils = {
-    has: useCallback((item) => set.has(item), [set]),
-    ...stableActions,
-  } as Actions<K>;
-
-  return [set, utils];
+  const [, forceUpdate] = useState({});
+  const setRef = useRef(new Set(initialSet));
+
+  const actions: Actions<K> = {
+    add: (item: K) => {
+      setRef.current.add(item);
+      forceUpdate({});
+    },
+    remove: (item: K) => {
+      setRef.current.delete(item);
+      forceUpdate({});
+    },
+    toggle: (item: K) => {
+      setRef.current.has(item)
+        ? setRef.current.delete(item)
+        : setRef.current.add(item);
+      forceUpdate({});
+    },
+    reset: () => {
+      setRef.current = new Set(initialSet);
+      forceUpdate({});
+    },
+    clear: () => {
+      setRef.current.clear();
+      forceUpdate({});
+    },
+    has: (item: K) => setRef.current.has(item),
+  };
+
+  return [setRef.current, actions];
 };
 
 export default useSet;