"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 { trpc } from "./react";

function baseUrl() {

  if (typeof window !== "undefined") return "";

  if (process.env.NEXT_PUBLIC_SITE_URL) return process.env.NEXT_PUBLIC_SITE_URL;

  return "http://localhost:3000";

}

export function TRPCProvider({ children }: { children: ReactNode }) {

  const [queryClient] = useState(() => new QueryClient());

  const [client] = useState(() =>

    trpc.createClient({

      links: [

        httpBatchLink({

          url: `${baseUrl()}/api/trpc`,

          transformer: superjson,

        }),

      ],

    }),

  );

  return (

    <trpc.Provider client={client} queryClient={queryClient}>

      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>

    </trpc.Provider>

  );

}