T
tRPC

tRPC context and NextJS

tRPC context and NextJS

Mmoron.penguin
View on Discord
1/15/2023
Guys quick question about using trpc and nextjs. I'm using context with trpc to create some queries that will be only accessible by logged in users. On nextjs side I'm using react context to manage it for now. So my thinking was to pass one of the ctx variable that will be user ID to trpc server when I use useQuery. Ex) trpc.user.getSecret.useQuery(undefined, {req.body}). But I'm honestly stuck on how I can send next request body. Code for trpc context is this. 
export const createContext = async (opts: CreateNextContextOptions) => { 
   // console.log(opts.req, "inside trpc context"); 
   async function getUser() { 
     console.log(opts.req.body, "res body"); 
     const user = await prisma.user.findUnique({ 
       where: { id: opts.req.body.id ? opts.req.body.id : "" }, 
     }); 
  
     return user ? user : null; 
   } 
   const user = await getUser(); 
  
   return await createContextInner({ user }); 
 };
export const createContext = async (opts: CreateNextContextOptions) => { 
   // console.log(opts.req, "inside trpc context"); 
   async function getUser() { 
     console.log(opts.req.body, "res body"); 
     const user = await prisma.user.findUnique({ 
       where: { id: opts.req.body.id ? opts.req.body.id : "" }, 
     }); 
  
     return user ? user : null; 
   } 
   const user = await getUser(); 
  
   return await createContextInner({ user }); 
 };
I know you can change body in api/[trpc] route but I won't have access to ReactContext there so if any of you guys have a suggestion or solution please let me know. 🙏🙏🙏
Mmsalsbery
View on Discord
1/15/2023
Instead of modifying the body, you could pass the id in an http header.. https://trpc.io/docs/header
Mmoron.penguin
View on Discord
1/15/2023
Thank you for the information. I read that too and honestly idk why I didn't try that.
Mmsalsbery
View on Discord
1/15/2023
If you go that route, you may find a happier future self 😉

Looking for more? Join the community!

T
tRPC

tRPC context and NextJS

Join Server
Recommended Posts
Hardware IoT APIMaybe it's a wrong place to ask but out of curious: Does anyone have experience building API for harHelp to understand how and when to use tRPC in larger projectsHi! I'm pretty sure the answer to my question is that tRPC is not suitable for this project, but anBest practices on trpc and SentryWe are currently migrating to trpc from Apollo server/graphql. We don't use next. What are the best How to do dependecy injection?My routes are grouped by using the router object. i'd like to be able to inject a service to each roA lot of WHYGreat post from @cje on Twitter but also got a lot of questions 1. If the data flow starts from `How are they defined separately?I am using monorepo for my project design and I want to separate the definition of trpc completely ihow can i get procedure name?is it possible to get procedure name? i would like to append a service to ctx based on procedure namtRPC sockets with reactTrying to make my React app work with socket with minimal server but getting error: "Uncaught TypeE