Clerk integration - The inferred type of ... cannot be named without a reference to...

[adartaud]

Hey there,

I am replacing Next-auth with Clerk.

Here is the creation of TRPC context in the api package

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

However, by doing so I get the following type error:

The inferred type of 'createTRPCContext' cannot be named without a reference to '../../../node_modules/@clerk/nextjs/dist/types/server/protect'. This is likely not portable. A type annotation is necessary.

I managed to solve the issue by modifying the tsconfig of the API package, but I guess ideally I should be able to set these properties as true:

{
  "compilerOptions": {
    /** TODO: this is a fix because of some Clerk types not being inferred. */
    "declaration": false,
    "declarationMap": false,
    "emitDeclarationOnly": false
  },
}

Here are the dependencies of the API package:

"dependencies": {
    "@clerk/nextjs": "^5.2.4",
    "@trpc/server": "11.0.0-rc.441",
    "superjson": "2.2.1",
    "zod": "^3.23.8"
  }

Did someone already manage to integrate Clerk without this issue ?
I'm not sure if this is an issue with my configuration, t3-turbo or Clerk package.

Thanks,

[jmarbutt]

Did you figure out the solution for clerk?

[timmhirsens]

I also had this issue when migrating an existing t3 app to this structure and all i came up with is this lousy workaround:

type SignedInAuthObject = {
  sessionId: string;
  userId: string;
};

type SignedOutAuthObject = {
  sessionId: null;
  userId: null;
};

type AuthObject = SignedInAuthObject | SignedOutAuthObject;

export const createTRPCContext = async (opts: {
  headers: Headers;
  auth: AuthObject;
  token: string | null;
}) => {
  return {
    db,
    ...opts,
  };
};

Basically defining your own types for the auth property... Works, if you dont need any of the other properties.