Can you pass a QueryClient directly to useQuery instead of using a QueryClientProvider - TanStack

TanStack•3y ago•

2 replies

skinny-azure

Can you pass a QueryClient directly to useQuery instead of using a QueryClientProvider

Is something like the following possible or do you need a global QueryClientProvider?

function myComponent() {
  const queryClient = 
    useRef(
      new QueryClient()
    ).current;
 
  const {data} = useQuery(
    ['posts'], 
    fetchPosts, 
    { queryClient }
  );

  // Some component logic
}

function myComponent() {
  const queryClient = 
    useRef(
      new QueryClient()
    ).current;
 
  const {data} = useQuery(
    ['posts'], 
    fetchPosts, 
    { queryClient }
  );

  // Some component logic
}