28 lines
792 B
TypeScript
28 lines
792 B
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import { useState, type ReactNode } from "react";
|
||
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
||
|
|
import { httpBatchLink } from "@trpc/client";
|
||
|
|
import superjson from "superjson";
|
||
|
|
import { api, getBaseUrl } from "@/lib/trpc";
|
||
|
|
|
||
|
|
export function TRPCProvider({ children }: { children: ReactNode }) {
|
||
|
|
const [queryClient] = useState(() => new QueryClient());
|
||
|
|
const [trpcClient] = useState(() =>
|
||
|
|
api.createClient({
|
||
|
|
links: [
|
||
|
|
httpBatchLink({
|
||
|
|
url: `${getBaseUrl()}/api/trpc`,
|
||
|
|
transformer: superjson,
|
||
|
|
}),
|
||
|
|
],
|
||
|
|
}),
|
||
|
|
);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<api.Provider client={trpcClient} queryClient={queryClient}>
|
||
|
|
<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
|
||
|
|
</api.Provider>
|
||
|
|
);
|
||
|
|
}
|