[BM-296] ✨ useInterval 훅 구현

prgrms-web-devcourse · Aug 10, 2022 · b7b298b · b7b298b
1 parent d2b48df
commit b7b298b
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/hooks/useInterval.ts b/hooks/useInterval.ts
@@ -0,0 +1,22 @@
+import { useEffect, useRef } from 'react';
+
+const useInterval = (callback: any, delay: number) => {
+  const savedCallback = useRef<any>();
+
+  useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+
+  useEffect(() => {
+    const tick = () => {
+      savedCallback.current();
+    };
+
+    if (delay !== null) {
+      const id = setInterval(tick, delay);
+      return () => clearInterval(id);
+    }
+  }, [delay]);
+};
+
+export default useInterval;