T
tRPC

Can you get the queryClient without using a hook?

Can you get the queryClient without using a hook?

APA. Perkamentus
View on Discord
4/21/2023
Can you get the queryClient without using a hook?
Nnlucas
View on Discord
4/21/2023
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 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.
APA. Perkamentus
View on Discord
4/21/2023
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?
Nnlucas
View on Discord
4/21/2023
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

Looking for more? Join the community!

T
tRPC

Can you get the queryClient without using a hook?

Join Server
Recommended Posts
How can I reset the cursor when using useInfiniteQuery?I have various filters that I can set for the query, but when setting those filters I need to reset How does routing work in tRPC especially when using merged routers?I am having trouble understanding how tRPC lays out routes. Let's say I have the below ```typescripwhere is useQuery [key]?Learning trpc, i use to tanstack with queryKey, can not find how that works with trpc, if i want tuseInfinieQuery with initialData, Refetch only after second change of inputsHi everyone, I have the problem as stated in the title. My code looks like the following: ```ts Adding tRPC HOC breaks zustandIt seems that adding the trpc hoc breaks my zustand stores initial values and generates bad data. AfNext.js + tRPC, multitenancy, access Next.js Router when setting tRPC headersHey all! I'm writing a multi-tenant solution. Most Next.js pages lie under the `/pages/[tenantKey]/`getInfiniteData returns undefinedI am using the t3-stack. Whenever I am calling getInfiniteData it returns undefined. ``` console.loEnable both `useQuery` and a raw `query` from the frontend (for use in async validation)Hello everyone, some context: ``` . I'm building a project with a variant of the t3 stack (key pointNextjs http endpoint (no prisma)I have simple pages/api/todoEndpint how do i call this endpoint with trcp? I don't want to use prismAdding clerk auth object to createServerSideHelpersSo I followed clerk's docs for TRPC (https://clerk.com/docs/nextjs/trpc) and I added `auth` to the `Call retries were exceeded with ssgI'm running a `create-t3-app` on Node 18. Has anyone seen errors trying to use SSG with TRPC and PrHow does batching work in SSR & nextjs app directory?I'm currently playing with the app directory for nextjs. If I have a SSR client set up like this: `"This is likely not portable" errorRandomly started getting this weird error on my front end, can't find anything online on it. SomethiIntegrate third-party added endpoints into the router definition?Its would be cool but not too important, so I was wondering whether or not it would be possible to h