tRPC•3y ago

Can you get the queryClient without using a hook?

Nick•4/21/23, 3:10 PM

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•4/21/23, 3:11 PM

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

PieterOP•4/21/23, 3:19 PM

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•4/21/23, 3:40 PM

You will need the hook then

Nick•4/21/23, 3:41 PM

RQ has useQueryClient I believe

Nick•4/21/23, 3:42 PM

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