refactor: use debounce 훅 내부 로직 use timeout 훅으로 수정 (#ATR-597)

Atractorrr · Aug 18, 2024 · d78d5f1 · d78d5f1
1 parent a02e47f
commit d78d5f1
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/packages/design-system/packages/hooks/src/use-debounce/useDebounce.ts b/packages/design-system/packages/hooks/src/use-debounce/useDebounce.ts
@@ -1,14 +1,12 @@
 import React from 'react'
+import { useTimeout } from '../use-timeout'
 
 export default function useDebounce<T>(value: T, delay: number) {
+  const { start } = useTimeout()
   const [debouncedValue, setDebouncedValue] = React.useState<T>(value)
 
   React.useEffect(() => {
-    const timeoutId = setTimeout(() => setDebouncedValue(value), delay)
-
-    return () => {
-      clearTimeout(timeoutId)
-    }
+    start(() => setDebouncedValue(value), delay)
   }, [value, delay])
 
   return debouncedValue