feat: 🎸 added useDebounce hook

added useDebounce hook

✅ Closes: 0000

Author: Pratham82

2024 Prep/machine_coding/react/src/hooks/index.ts

@@ -1 +1,2 @@
 export { useFetch } from './useFetchAsync'
+export { useDebounce } from './useDebounce'

2024 Prep/machine_coding/react/src/hooks/useDebounce.ts

@@ -0,0 +1,16 @@
+import { useState, useEffect } from 'react'
+
+const useDebounce = <T>(callBack: T, delay = 500) => {
+  const [debouncedText, setDebouncedText] = useState<string>('')
+
+  useEffect(() => {
+    // * add delay for setting the valye
+    const timeOut = setTimeout(() => {
+      setDebouncedText(debouncedText)
+    }, delay)
+
+    // * run clearTimeout in a cleanup function
+    return () => clearTimeout(timeOut)
+  }, [debouncedText, delay])
+}
+export { useDebounce }