feat: create useDebounce hook (#92)

hudy9x · Dec 1, 2023 · 9379abf · 9379abf
1 parent c1adeec
commit 9379abf
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/packages/ui-app/app/_hooks/useDebounce.ts b/packages/ui-app/app/_hooks/useDebounce.ts
@@ -0,0 +1,19 @@
+import { DependencyList, useEffect, useRef } from "react"
+
+export const useDebounce = (cb: () => void, dependencies: DependencyList, time?: number) => {
+  const timeout = useRef(0)
+
+  useEffect(() => {
+    timeout.current = setTimeout(() => {
+      cb()
+    }, time || 300) as unknown as number
+
+    return () => {
+      if (timeout.current) {
+        console.log('debounce run')
+        clearTimeout(timeout.current)
+      }
+    }
+  }, dependencies)
+}
+