Does anyone have an example for using debounce with React query?

const searchTerm = AutoCompleteStore.useSearch((state) => state.searchTerm);
const updateTerm = React.useRef(AutoCompleteStore.useSearch((state) => state.updateTerm));

const debouncedSearchTerm: string = useDebounce(searchTerm, 500);

// react query
Search.useAutoComplete(debouncedSearchTerm);

 <input
   value={searchTerm}
   onChange={onSearch}
/>

const onSearch = React.useCallback(
    (e: React.ChangeEvent<HTMLInputElement>) => {
      if (e.target.value.length > 0) {
        updateTerm.current(e.target.value);
      } else {
        clearTerm.current();
      }
    },
    [],
  );