feat: useDebounce 구현

TEAM-BEAT · Nov 25, 2024 · 815a405 · 815a405
1 parent 3e6b279
commit 815a405
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/hooks/useDebounce.ts b/src/hooks/useDebounce.ts
@@ -0,0 +1,19 @@
+import { useEffect, useState } from "react";
+
+const useDebounce = (value: string, delay: number) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value]);
+
+  return debouncedValue;
+};
+
+export default useDebounce;