fix throttled effect

franciscoBSalgueiro · Jan 20, 2024 · ee863ee · ee863ee
1 parent 0ca7f30
commit ee863ee
Showing 1 changed file with 4 additions and 13 deletions.
diff --git a/src/utils/misc.ts b/src/utils/misc.ts
@@ -51,21 +51,12 @@ export const useThrottledEffect = (
     delay: number,
     deps: React.DependencyList
 ) => {
-    const lastRan = useRef(Date.now());
-
     useEffect(() => {
-        const handler = setTimeout(function () {
-            if (Date.now() - lastRan.current >= delay) {
-                callback();
-                lastRan.current = Date.now();
-            }
-        }, delay - (Date.now() - lastRan.current));
+        const handler = setTimeout(() => callback(), delay);
 
-        return () => {
-            clearTimeout(handler);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [delay, ...deps]);
+        return () => clearTimeout(handler);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [...(deps || []), delay]);
 };
 
 export function mean(arr: number[]): number {