45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
'use client'
|
|
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
|
|
import { httpBatchLink } from '@trpc/client'
|
|
import { useState } from 'react'
|
|
import superjson from 'superjson'
|
|
import { trpc } from '@/lib/trpc-client'
|
|
|
|
function getBaseUrl() {
|
|
if (typeof window !== 'undefined') return ''
|
|
if (process.env.NEXT_PUBLIC_APP_URL) return process.env.NEXT_PUBLIC_APP_URL
|
|
return 'http://localhost:3000'
|
|
}
|
|
|
|
export function Providers({ children }: { children: React.ReactNode }) {
|
|
const [queryClient] = useState(
|
|
() =>
|
|
new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
staleTime: 30 * 1000,
|
|
retry: 1,
|
|
},
|
|
},
|
|
})
|
|
)
|
|
|
|
const [trpcClient] = useState(() =>
|
|
trpc.createClient({
|
|
links: [
|
|
httpBatchLink({
|
|
url: `${getBaseUrl()}/api/trpc`,
|
|
transformer: superjson,
|
|
}),
|
|
],
|
|
})
|
|
)
|
|
|
|
return (
|
|
<trpc.Provider client={trpcClient} queryClient={queryClient}>
|
|
<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
|
|
</trpc.Provider>
|
|
)
|
|
}
|