createCaller impossible to use with context that requires NextRequest

[Bahnasawy]

I tried using this example to create a caller for my app which had both drizzle and clerk in the context, but it was impossible to make authed calls without the req/NextRequest object, so I tried replacing it with createTRPCProxyClient and it worked just fine like so:

const serverClient = createTRPCProxyClient<AppRouter>({
  transformer,
  links: [
    httpBatchLink({
      url: "http://localhost:3000/api/trpc",
    }),
  ],
});

I also had to add the req to the handler in the api route file like so:

const handler = (req: Request) =>
  fetchRequestHandler({
    endpoint: "/api/trpc",
    req,
    router: appRouter,
    createContext: () => createContext({ req }),
  });

With my createContext looking like this

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

export const createTRPCContext = async ({ req }: { req: Request }) => {
  // @ts-ignore
  return await createContextInner({ auth: getAuth(req) });
};

Still this example is incredible and I'm very grateful that you came up with it, incredible work!!

[tanjunior]

There is a new import { experimental_createTRPCNextAppDirServer } from "@trpc/next/app-dir/server";