Can you get the queryClient without using a hook?

4 Replies

Nick•2y ago

Yes if you don't need SSR, you create it during setup and it doesn't have to be created inside a component. It's just a variable you can export

Nick•2y ago

SSR nuance: https://trpc.io/docs/reactjs/setup#:~:text=The%20reason%20for%20using%20useState%20in%20the%20creation%20of%20the%20queryClient%20and%20the%20TRPCClient%2C%20as%20opposed%20to%20declaring%20them%20outside%20of%20the%20component%2C%20is%20to%20ensure%20that%20each%20request%20gets%20a%20unique%20client%20when%20using%20SSR.%20If%20you%20use%20client%20side%20rendering%20then%20you%20can%20move%20them%20if%20you%20wish.

Set up the React Query Integration | tRPC

How to use and setup tRPC in React

Eternal MoriOP•2y ago

I forgot to add that I am using it with NextJS, I have a withTRPC wrapper in my App. Is there a way to extract the queryClient from there?

Nick•2y ago

You will need the hook then RQ has useQueryClient I believe If you’re not using SSR you can probably get away with replacing the withTRPC with something lower level, but if you want SSR then it’s the hook for the above reasons