Debounce queryFn on useQuery

import getFoods from './api' // axios fetcher function, queryFn

export default function Search() {
  const { getLabelProps, getInputProps, getMenuProps, isOpen, inputValue } =
    useCombobox({
      items: [], // needs to be data, how to avoid a circular dependencies?
    });
  const debouncedGetFoods = debounce(getFoods, 1500); // lodash
  const { data, isLoading, refetch } = useQuery(['foods', inputValue], {
    queryFn: debouncedGetFoods, // not working
    enabled: Boolean(inputValue.trim()),
    onSuccess: (data) => console.log('fetched', data),
  });

  return (
    {/* Render logic here */}
    <div></div>
)
        
}