Refetch query externally when the query was created with enabled: false.

[LuisCarrilloR]

I want to refetch a query that is in another context after some actions.

The query is declared this way:

const { data, refetch, isFetching } = useQuery(
    'request',
    getActivities,
    {
      cacheTime: 0,
      enabled: false,
      refetchOnMount: false,
    },
  );

But when I want to trigger the refetch it doesn't work.

await queryCache.invalidateQueries('request', {
      refetchActive: false,
      refetchInactive: true,
   });

Any suggestions how to handle this problem?

[wolverineks]

could you provide a working example on codesandbox.io?
a good place to start
https://codesandbox.io/s/react-query-starter-8i7vb?file=/src/App.tsx

[wolverineks]

thanks for the example. that was very helpful
i didnt find any documentation on it, but try
queryCache.getQuery('queryTest').refetch()
instead of
queryCache.invalidate('queryTest')

[wolverineks]

if the query were enabled, i think queryCache.invalidate('queryTest') would have worked

[LuisCarrilloR]

Thank you @wolverineks.

I am using typescript and it seems like refetch is not a valid method on getQuery.

queryCache.getQuery('query') returns a type CachedQuery that doesn't include the method refetch. Is this a type definition error?

[wolverineks]

im not sure, but i think it still works

[LuisCarrilloR]

I just logged the object and there is the refetch method (not included on the type definition). Thank you so much!