create-nex-app/template/src/utils/trpc.ts

create websites using my preferred stack

import type { AppRouter } from "../pages/api/trpc/[trpc]";
import { createReactQueryHooks } from "@trpc/react";

export const trpc = createReactQueryHooks<AppRouter>();