diff --git a/app/components/elements/useEntitySearch.ts b/app/components/elements/useEntitySearch.ts index 0daedaddf..587485f0a 100644 --- a/app/components/elements/useEntitySearch.ts +++ b/app/components/elements/useEntitySearch.ts @@ -52,14 +52,16 @@ export function useEntitySearch({ const queryFetcher = useFetcher(); + const query = filterText.trim(); + useDebounce( () => { - if (!filterText) return; - queryFetcher.load(buildUrl(filterText)); + if (!query) return; + queryFetcher.load(buildUrl(query)); setSelectedKey(null); }, 500, - [filterText], + [query], ); React.useEffect(() => { @@ -69,7 +71,7 @@ export function useEntitySearch({ }, [initialSelectedId]); const items = withInitialItem( - toEntitySearchItems(parseResults(queryFetcher.data, filterText)), + toEntitySearchItems(parseResults(queryFetcher.data, query)), initialItem, );