Fix mantinedev#2093: Interval hook ensure only 1 running timer

melloware · Aug 12, 2022 · b67b6e5 · b67b6e5
1 parent 27c0f8f
commit b67b6e5
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/mantine-hooks/src/use-interval/use-interval.ts b/src/mantine-hooks/src/use-interval/use-interval.ts
@@ -11,7 +11,7 @@ export function useInterval(fn: () => void, interval: number) {
 
   const start = () => {
     setActive((old) => {
-      if (!old) {
+      if (!old && !intervalRef.current) {
         intervalRef.current = window.setInterval(fnRef.current, interval);
       }
       return true;
@@ -21,6 +21,7 @@ export function useInterval(fn: () => void, interval: number) {
   const stop = () => {
     setActive(false);
     window.clearInterval(intervalRef.current);
+    intervalRef.current = undefined;
   };
 
   const toggle = () => {