T
tRPC

Dynamic links url dependent on next headers?

Dynamic links url dependent on next headers?

Hhafffe
View on Discord
10/13/2023
Hi, We're currently explore if we can use trpc on a multi tenant next.js 13 application. But we can not find a satisfying answer how to set the url for the links used in createTRPCProxyClient Our thinking is that we use headers from next to get the hostname. Here is an non working example just give you an idea what we want to archive 
const getUrl = () => {
    const headersList = headers();
    const domain = headersList.get("host");


    return `http://${domain}/api/trpc`;
};

export const api = createTRPCProxyClient<AppRouter>({
    transformer,
    links: [
        unstable_httpBatchStreamLink({
            url: getUrl(),
            headers() {
                const heads = new Map(headers());
                heads.set("x-trpc-source", "server");

                return Object.fromEntries(heads);
            },
        }),
    ],
});
const getUrl = () => {
    const headersList = headers();
    const domain = headersList.get("host");


    return `http://${domain}/api/trpc`;
};

export const api = createTRPCProxyClient<AppRouter>({
    transformer,
    links: [
        unstable_httpBatchStreamLink({
            url: getUrl(),
            headers() {
                const heads = new Map(headers());
                heads.set("x-trpc-source", "server");

                return Object.fromEntries(heads);
            },
        }),
    ],
});
But it's ending up with the error "Error: Invariant: headers() expects to have requestAsyncStorage, none available." Any ideas how to solve this would be much appreciated

Looking for more? Join the community!

T
tRPC

Dynamic links url dependent on next headers?

Join Server
Recommended Posts
calling TRPCProxyClient from inside trpc procedure fails on vercel route handlers edge runtimei setup my client as following: ``` export const serverToServerApi = createTRPCProxyClient<AppRouterPrivate 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