helpful-purple

Running a query function without useQuery

I have the following query function. How can I run this outside of a React component (e.g. loader function of a route from TanStack Router), so that it still gets cached as if evoked through useQuery hook?

const query = async (): Promise<CurrentUserResponse> => {
  return await GET('/current_user');
};

const query = async (): Promise<CurrentUserResponse> => {
  return await GET('/current_user');
};

3 Replies

eastern-cyan•13mo ago

queryClient.prefetchQuery

helpful-purpleOP•13mo ago

I believe this should be the queryClient instance passed to QueryClientProvider, right?

eastern-cyan•13mo ago

yes

Gaming

Programming

Running a query function without useQuery

Did you find this page helpful?