hafffe Posts - Answer Overflow

hafffe

Explore posts from servers

•Created by hafffe on 10/13/2023 in #❓-help

Dynamic links url dependent on next headers?

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

2 replies

Gaming

Programming