feat(time): create util hook 'useDebounce' (#97)

kgu-clab · Aug 17, 2024 · 7ef2e26 · 7ef2e26
1 parent bccc52f
commit 7ef2e26
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/apps/time/src/shared/hooks/useDebounce.ts b/apps/time/src/shared/hooks/useDebounce.ts
@@ -0,0 +1,19 @@
+import { useEffect, useState } from 'react';
+
+interface UseDebounceParams {
+  value: unknown;
+  delay: number;
+}
+
+export default function useDebounce({ value, delay }: UseDebounceParams) {
+  const [debouncedValue, setDebouncedValue] = useState<unknown>(value);
+
+  useEffect(() => {
+    const delayDebounceTimer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => clearTimeout(delayDebounceTimer);
+  }, [value, delay]);
+
+  return debouncedValue;
+}