use fetchQuery in react-query?

[jamalsoueidan]

I am looking to add an additional method for each generated endpoint in the TypeScript code.

Currently, I am unable to use hooks in my React app, and I tend to use options method in the following manner:

  const query = xxxQueryOptions(params1, params2);

  const response = queryClient.getQueryData<ExtractTData<typeof xxxQueryOptions>>(query.queryKey, { stale: false }) ?? (await queryClient.fetchQuery(query));

I was thinking if I could auto generate something like this below:

const xxxFetchQuery = (...) => {
  const query = xxxQueryOptions(params1, params2);

  return  queryClient.getQueryData<ExtractTData<typeof xxxQueryOptions>>(query.queryKey, { stale: false }) ?? (await queryClient.fetchQuery(query));
 }

By implementing this feature, I can continue to obtain data from the cache and maintain the desired functionality.