16 replies

TRPC updated recently, can't use CreateNextContextOptions to implement Clerk

Hi, I tried to follow the Clerk guide https://clerk.com/docs/references/nextjs/trpc and its quite diferent from the code we have.
Also tried to follow a guide for clerk +trpc,(https://www.youtube.com/watch?v=ZK-w-yFWfxM) but now, CreateTRPCContext uses directly Headers, (this is the base code)
(server/api/trpc.ts)

export const createTRPCContext = async (opts: { headers: Headers, }) => {
  return {
    db,
    ...opts,
  };
};

export const createTRPCContext = async (opts: { headers: Headers, }) => {
  return {
    db,
    ...opts,
  };
};

so If I use this code of the video to implement Clerk Auth

interface AuthContext {
  auth: SignedInAuthObject | SignedOutAuthObject;
}

export const createContextInner = async ({ auth }: AuthContext) => {
  return {
    db,
    auth,
  };
};

export const createTRPCContext = async (opts: CreateNextContextOptions) => {
  return createContextInner({ auth: getAuth(opts.req) });
};

interface AuthContext {
  auth: SignedInAuthObject | SignedOutAuthObject;
}

export const createContextInner = async ({ auth }: AuthContext) => {
  return {
    db,
    auth,
  };
};

export const createTRPCContext = async (opts: CreateNextContextOptions) => {
  return createContextInner({ auth: getAuth(opts.req) });
};

No errors on trpc file, but I get errors in route.ts and in server.ts

const createContext = async (req: NextRequest) => {
  return createTRPCContext({
    headers: req.headers,
  });
};

const createContext = async (req: NextRequest) => {
  return createTRPCContext({
    headers: req.headers,
  });
};

headers show this error:
Object literal may only specify known properties, and 'headers' does not exist in type 'CreateNextContextOptions'.ts(2353)
Any idea how to fix this? CreateNextContextOptions does not contain the headers object so not sure how to fix it.
thanks!

TTC

Theo's Typesafe Cult•2y ago•

16 replies

Kenzo

TRPC updated recently, can't use CreateNextContextOptions to implement Clerk

export const createTRPCContext = async (opts: { headers: Headers, }) => {
  return {
    db,
    ...opts,
  };
};

export const createTRPCContext = async (opts: { headers: Headers, }) => {
  return {
    db,
    ...opts,
  };
};

so If I use this code of the video to implement Clerk Auth

interface AuthContext {
  auth: SignedInAuthObject | SignedOutAuthObject;
}

export const createContextInner = async ({ auth }: AuthContext) => {
  return {
    db,
    auth,
  };
};

export const createTRPCContext = async (opts: CreateNextContextOptions) => {
  return createContextInner({ auth: getAuth(opts.req) });
};

interface AuthContext {
  auth: SignedInAuthObject | SignedOutAuthObject;
}

export const createContextInner = async ({ auth }: AuthContext) => {
  return {
    db,
    auth,
  };
};

export const createTRPCContext = async (opts: CreateNextContextOptions) => {
  return createContextInner({ auth: getAuth(opts.req) });
};

No errors on trpc file, but I get errors in route.ts and in server.ts

const createContext = async (req: NextRequest) => {
  return createTRPCContext({
    headers: req.headers,
  });
};

const createContext = async (req: NextRequest) => {
  return createTRPCContext({
    headers: req.headers,
  });
};

TRPC updated recently, can't use CreateNextContextOptions to implement Clerk

Similar Threads

TRPC updated recently, can't use CreateNextContextOptions to implement Clerk

Similar Threads

Similar Threads

Similar Threads