5 replies

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

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

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

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

TTC

Theo's Typesafe Cult•3y ago•

5 replies

nico

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

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

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

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

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

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

Similar Threads

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

Similar Threads

Similar Threads

Similar Threads