fix: useThrottle not working

see streamich/react-use#2488

src/store/search.ts

@@ -1,7 +1,28 @@
-import { useCallback } from 'react'
-import { useThrottle } from 'react-use'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import { useStore } from './store'
 
+// Fix https://github.com/streamich/react-use/issues/2488
+// Ported from https://hooks-guide.netlify.app/community/useThrottle
+const useThrottle = <T>(value: T, limit = 200) => {
+  const [throttledValue, setThrottledValue] = useState(value)
+  const lastRan = useRef(Date.now())
+  useEffect(() => {
+    const handler = setTimeout(
+      function () {
+        if (Date.now() - lastRan.current >= limit) {
+          setThrottledValue(value)
+          lastRan.current = Date.now()
+        }
+      },
+      limit - (Date.now() - lastRan.current),
+    )
+    return () => {
+      clearTimeout(handler)
+    }
+  }, [value, limit])
+  return throttledValue
+}
+
 export const useSearchInput = () => {
   const {
     store: { searchInput },