usePreviewTransactions debounce fix

actualbudget · Oct 18, 2024 · ca5be2b · ca5be2b
1 parent 305ce81
commit ca5be2b
Showing 1 changed file with 14 additions and 13 deletions.
diff --git a/packages/loot-core/src/client/data-hooks/transactions.ts b/packages/loot-core/src/client/data-hooks/transactions.ts
@@ -196,19 +196,20 @@ export function useTransactionsSearch({
 }: UseTransactionsSearchProps): UseTransactionsSearchResult {
   const [isSearching, setIsSearching] = useState(false);
 
-  const updateSearchQuery = useCallback(
-    debounce((searchText: string) => {
-      if (searchText === '') {
-        resetQuery();
-        setIsSearching(false);
-      } else if (searchText) {
-        updateQuery(previousQuery =>
-          queries.transactionsSearch(previousQuery, searchText, dateFormat),
-        );
-        setIsSearching(true);
-      }
-    }, delayMs),
-    [dateFormat, resetQuery, updateQuery],
+  const updateSearchQuery = useMemo(
+    () =>
+      debounce((searchText: string) => {
+        if (searchText === '') {
+          resetQuery();
+          setIsSearching(false);
+        } else if (searchText) {
+          updateQuery(previousQuery =>
+            queries.transactionsSearch(previousQuery, searchText, dateFormat),
+          );
+          setIsSearching(true);
+        }
+      }, delayMs),
+    [dateFormat, delayMs, resetQuery, updateQuery],
   );
 
   return {