tRPC context and NextJS

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 }); 
 };

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.

tRPC context and NextJS

Similar Threads

Similar Threads

Similar Threads