useQuery searchbar
I am trying to create a search bar with React query.
When the user clicks search, I update the query key with the form state causing the search to fire. If they get no results, they remain on the same page but are shown an error message saying that no results have been returned. If they click search again, the query key does not change, meaning that the query is not fired and they get no error message.
Is there a work around for this situation? Is the recommended way to introduce refetch? I'm currently relying on useForm hook (as suggested here https://tkdodo.eu/blog/react-query-and-forms) to handle validation and then call my setState function which is why I am not currently using refetch.
When the user clicks search, I update the query key with the form state causing the search to fire. If they get no results, they remain on the same page but are shown an error message saying that no results have been returned. If they click search again, the query key does not change, meaning that the query is not fired and they get no error message.
Is there a work around for this situation? Is the recommended way to introduce refetch? I'm currently relying on useForm hook (as suggested here https://tkdodo.eu/blog/react-query-and-forms) to handle validation and then call my setState function which is why I am not currently using refetch.
