Clear and refetch?

[bdrazen]

What would be the recommended way to clear + refetch a single particular query? I'm seeing refetch() and queryCache.clear(), but the former doesn't clear the cache for the query, and the latter presumably clears the cache for all queries. Thanks.

[bdrazen]

Worked it out with:

queryCache.removeQueries(myQueryKey);
myQuery.refetch();

Would be nice though if useQuery() returned a clearCache function or maybe refetch() accepted a clearCache option.

[tannerlinsley]

I'll definitely consider this for future versions :)

[Rinaldo]

Have you given any more thought to a clearCache option? It would be nice to be able to put the query in a hard loading state when calling refetch

[TkDodo]

you'd want queryClient.resetQueries for that

[Rinaldo]

That definitely works but it would be nice not to have to reach for queryClient

const queryKey = useMemo(() => ['query', 'key', param], [param]) // queryKey needs to be memoed so it can be used as a dep of useCallback
const { data } = useQuery({
  queryKey
  /* other options */
})
const queryClient = useQueryClient()
const refetch = useCallback(() => {
  queryClient.resetQueries({ queryKey, exact: true })
}, [queryKey])

That's a bit of code for a referentially stable refetch function as opposed to just being able to use the one returned by useQuery