Theo's Typesafe CultTTC
Theo's Typesafe Cult•2y ago
nico

Integrating Clerk: How to supply req to createTRPCContext on server-side?

Hi! I am currently trying to integrate Clerk into an T3 Setup with tRPC, App Router and Drizzle.
Everything goes relatively smooth. Clerk needs the NextRequest object tho, so I updated the createTRPCContext to reflect that:

export const createTRPCContext = async (opts: { req: NextRequest }) => {
  return {
    db,
    auth: getAuth(opts.req),
    headers: opts.req.headers,
    ...opts,
  };
};


The problem is on the Server-Side. In server.ts (src/trpc/server.ts) the createTRPCProxyClient creates a trpcLink that uses the following code:

const createContext = cache(() => {
  const heads = new Headers(headers());

  heads.set("x-trpc-source", "rsc");

  return createTRPCContext({
    headers: heads,
  });
});
`

I would need to update this, so it supplies the request to createTRPCContext. Does anyone know how to do this?

Thanks a lot!
Nico
Was this page helpful?