init

src/clientStore/useInterval.ts

@@ -0,0 +1,20 @@
+'use client';
+import { useEffect, useRef } from 'react';
+
+// https://overreacted.io/making-setinterval-declarative-with-react-hooks/
+export default function useInterval(callback: () => void, delay: number | undefined) {
+    const savedCallback = useRef<typeof callback>();
+
+    useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+
+    useEffect(() => {
+        const handler = () => savedCallback.current?.();
+
+        if (delay !== null) {
+            const id = setInterval(handler, delay);
+            return () => clearInterval(id);
+        }
+    }, [delay]);
+}