T
tRPC

❓-help

`useQuery` not working?

SSansPapyrus68311/13/2023
is it just me or does useQuery not work in my next js components? i try to call it and it says client[procedure] is not a function
No description
Solution:
Only applies if you're using t3 with app router: If you're trying to use API in a client component then API needs to be imported from /trpc/react If you're using API in an rsc or anything on the server, you import from /trpc/server...
Jump to solution
No description
Ssiobe11/14/2023
Are you using t3 stack? Make sure you're importing API from the correct file if you're using app router
SSansPapyrus68311/14/2023
the correct file?
Solution
Ssiobe11/14/2023
Only applies if you're using t3 with app router: If you're trying to use API in a client component then API needs to be imported from /trpc/react If you're using API in an rsc or anything on the server, you import from /trpc/server
SSansPapyrus68311/14/2023
omg that explains so much where did you get that info? i don't see anything like that in the docs since it's all pages router 💀
Ssiobe11/14/2023
Theo's vid on the app router release for t3 explains it And also you can't use hooks inside rsc, so it'd just fail on that account
SSansPapyrus68311/14/2023
rsc = react server component?
Ssiobe11/14/2023
Yes Here, give this should explain it: https://www.youtube.com/watch?v=PmBfq-SpzCU
SSansPapyrus68311/14/2023
tysm!

Looking for more? Join the community!

Recommended Posts
Server Component Call to TRPC on express backendI have following structure: - Nextjs App folder with both client components and server components - Can set cookie with trpc?I tried to create a full authentication system in trpc using jwt and refresh token I find that is notrying to understand how this worksso i'm looking at the t3 template that was made for me, and there seems to be a `trpc` folder that ccan't call nested routethis is the top level router: ```ts const appRouter = router({ hello: procedure.query(() => 'heltrpc authDid someone create a full auth system in trpc (with next js trpc react query prisma,jwt token, refreDifference between createTRPCNextAppDirServer, createTRPCNext and createTRPCProxyClient?Hey everyone. I struggle to understand the difference between these 3 TRPC functions when it come tWhat is the mutation error type?In the provider I want to set onError for all mutations: ```ts new QueryClient({ defauMerging two clients into oneI have two clients. One for react-query for client components and one for server components. I wannaIs it possible to only use WebSockets when necessary, otherwise use httpbatch or http?I have an application, and on certain pages I need live data. Is there a way to only have tRPC open Zod transform typesI have a zod type for our backend requirements that looks like this: ```javascript const ZCustomTypeuseQuery in App Router?I have a client component that I want to use useQuery in like in pages router, but only `query` is aTranform output data using middleware after handler has run - possible?As the title says, been trying for a couple of hours to modify the return type of the data using midCan we configure cache on a per-request basis?Hi! I’m a big fan of tRPC! I’ve been using it for quite some time. I actually have 2 questions: ## Error in tRPC with Clerk in t3-app routerHi guys, im trying to implement clerk auth in t3 app router. But it gives me this error when im tryiError when converting string from router.query to prisma DB enumHey yall, I'm working on a Next.js application using tRPC and Prisma, and I've encountered an invaliNext.js tRPC router separated to edge-runtime and node-runtimeI would like to separate server into two runtimes - most things can run on edge-runtime, but I have [How To?] Create a record in database on form submission...I have an application using trpc, Cloudfare D1 database, and trpc. I am trying to use a tamagui forHow to obfuscate data via transformerEnd user with adequate knowledge can easily copy JSON data in plain text from network requests in brResponse delay from TRPC using postgresqlI'm using TRPC as backend and for the database using postgresql so while creating using facing delayCapture TRPCClientError so that it does not show in the client's browser consoleIf a TRPCError is thrown from a router procedure, the client will receive a TRPCClientError that wil