Update hooks/useDebounce.ts

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

hooks/useDebounce.ts

@@ -4,12 +4,16 @@ import { useCallback, useRef } from 'react';
 
 export function useDebounce(callback: () => void, delay: number) {
     const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+    const callbackRef = useRef(callback);
+
+    // Keep callback ref up to date
+    callbackRef.current = callback;
 
     return useCallback(() => {
-        if(timeoutRef.current) {
+        if (timeoutRef.current) {
             clearTimeout(timeoutRef.current);
         }
 
-        timeoutRef.current = setTimeout(callback, delay);
+        timeoutRef.current = setTimeout(() => callbackRef.current(), delay);
-    }, [callback, delay])
+    }, [delay])
 }