home/Projects/kompose/news/apps/web/src/trpc.ts

import { createTRPCClient, httpBatchLink } from "@trpc/client";
import { createTRPCReact } from "@trpc/react-query";

import type { AppRouter } from "backend";
import { constants } from "./constants";
import Cookies from "js-cookie";
import SuperJSON from "superjson";

export const trpc = createTRPCReact<AppRouter>();

export const trpcClient = createTRPCClient<AppRouter>({
	links: [
		httpBatchLink({
			url: `${constants.VITE_API_URL}/trpc`,
			async headers() {
				return {
					authorization: Cookies.get("token")
						? `Bearer ${Cookies.get("token")}`
						: undefined,
				};
			},
			transformer: SuperJSON,
		}),
	],
});