T
tRPC

calling TRPCProxyClient from inside trpc procedure fails on vercel route handlers edge runtime

calling TRPCProxyClient from inside trpc procedure fails on vercel route handlers edge runtime

Mmatanmatan999new
View on Discord
10/13/2023
i setup my client as following: 
export const serverToServerApi = createTRPCProxyClient<AppRouter>({
  transformer,
  links: [
    httpLink({
      url: getUrl(),
      fetch: async (input, init) => {
        console.log("fetch", input, init);
        const res = await fetch(input, init);
        console.log("RES", res);
        return fetch(input, init);
      },
      headers() {
        return {
          "x-trpc-source": "server",
          Authorization: `Bearer ${env.SERVER_API_KEY}`,
        };
      },
    }),
  ],
});
export const serverToServerApi = createTRPCProxyClient<AppRouter>({
  transformer,
  links: [
    httpLink({
      url: getUrl(),
      fetch: async (input, init) => {
        console.log("fetch", input, init);
        const res = await fetch(input, init);
        console.log("RES", res);
        return fetch(input, init);
      },
      headers() {
        return {
          "x-trpc-source": "server",
          Authorization: `Bearer ${env.SERVER_API_KEY}`,
        };
      },
    }),
  ],
});
and then inside a trpc procedure i'm trying to call it as following: 
        void serverToServerApi.ai.newMembers.mutate({
          roomId: room.id,
          preferenceIds: [insertResult[0].id],
        });
        void serverToServerApi.ai.newMembers.mutate({
          roomId: room.id,
          preferenceIds: [insertResult[0].id],
        });
this result in request always failing with an error of: 
TRPCClientError: Unexpected end of JSON input
TRPCClientError: Unexpected end of JSON input
any ideas how to solve this?

Looking for more? Join the community!

T
tRPC

calling TRPCProxyClient from inside trpc procedure fails on vercel route handlers edge runtime

Join Server
Recommended Posts
Private procedures and serverside callsHello, I am just diving into trpc in my Next.js (app router) application and I am wondering if is thinferRouterOutputs ignore "complex data type" fields and only have primitive fields. Bug?Is this a bug ? I have done npx prisma db push, I have restarted VSCode and Typescript. Any commentsHow can i modify my URL using TRPCI did a simple pagination in react and trpc(a simple table), only problem is that: i want in my url TRPC EXPORT API TYPES BE to FEIs there a way I can automatically export my API types from the backend to the frontend? For example