@logtail/next/examples/trpc-app-router/src/trpc/server.ts

Better Stack Telemetry Next.js client

import {
  createTRPCProxyClient,
  loggerLink,
  unstable_httpBatchStreamLink,
} from '@trpc/client';
import { cookies } from 'next/headers';

import { type AppRouter } from '~/server/api/root';
import { getUrl, transformer } from './shared';

export const api = createTRPCProxyClient<AppRouter>({
  transformer,
  links: [
    loggerLink({
      enabled: (op) =>
        process.env.NODE_ENV === 'development' ||
        (op.direction === 'down' && op.result instanceof Error),
    }),
    unstable_httpBatchStreamLink({
      url: getUrl(),
      async headers() {
        const cookieStore = await cookies();
        return {
          cookie: cookieStore.toString(),
          'x-trpc-source': 'rsc',
        };
      },
    }),
  ],
});