beforeLoad with trpc in monorepo setup

// This doesn't work in SSR
  export const Route = createFileRoute("/(app)/w/$workspaceId/")({
    beforeLoad: async ({ context }) => {
      const workspaces = await context.queryClient.fetchQuery(
        context.trpc.workspace.getWorkspaces.queryOptions()
      );
      // redirect to first workspace...
    },
  });

  Why It Fails

  The tRPC client is configured for browser requests:

  const trpcClient = createTRPCClient<AppRouter>({
    links: [
      httpBatchLink({
        url: `${env.VITE_SERVER_URL}/trpc`,
        fetch(url, options) {
          return fetch(url, {
            ...options,
            credentials: "include", // ← browser sends cookies automatically
          });
        },
      }),
    ],
  }); 

import { createServerFn } from "@tanstack/react-start";
import { getRequestHeaders } from "@tanstack/react-start/server";
import { env } from "@appname/env/web";

export const getUserWorkspaces = createServerFn({ method: "GET" })
.handler(async () => {
    const res = await fetch(
    `${env.VITE_SERVER_URL}/trpc/workspace.getWorkspaces`,
    { headers: getRequestHeaders() }
    );
    if (!res.ok) return null;
    const json = await res.json();
    return json.result.data;
});