Add debounce on search

Author: AshutoshAkkole

src/components/search.tsx

@@ -49,6 +49,7 @@ export function SearchProvider({ children }: React.PropsWithChildren) {
   const router = useRouter();
   const [isOpen, setIsOpen] = useState(false);
   const [initialQuery, setInitialQuery] = useState("");
+  const searchTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
 
   const onOpen = useCallback(() => {
     setIsOpen(true);
@@ -154,6 +155,22 @@ export function SearchProvider({ children }: React.PropsWithChildren) {
                 },
               }}
               hitComponent={Hit}
+              transformSearchClient ={(originalClient) => {
+                return {
+                  ...originalClient,
+                  search(requests){
+                    if(searchTimer.current){
+                      clearTimeout(searchTimer.current);
+                    }
+                    return new Promise((resolve) => {
+                       searchTimer.current = setTimeout(() => {
+                        resolve(originalClient.search(requests));
+                      }, 300);
+                    })
+                  }
+                }
+                }
+              }
               transformItems={(items) => {
                 items = items.map((item) => {
                   item.url = rewriteURL(item.url);