sendou.ink/utils/trpc.ts

import { createReactQueryHooks, createTRPCClient } from "@trpc/react";
import type { AppRouter } from "pages/api/trpc/[trpc]";
import { QueryClient } from "react-query";
import superjson from "superjson";

export const client = createTRPCClient<AppRouter>({
  url: "/api/trpc",
  transformer: superjson,
});

export const trpc = createReactQueryHooks({
  client,
  queryClient: new QueryClient(),
});