36 lines
697 B
TypeScript
36 lines
697 B
TypeScript
|
'use client'
|
||
|
|
|
||
|
|
import {
|
||
|
|
isServer,
|
||
|
|
QueryClient,
|
||
|
|
QueryClientProvider,
|
||
|
|
} from '@tanstack/react-query'
|
||
|
|
|
||
|
|
export function makeQueryClient() {
|
||
|
|
return new QueryClient({
|
||
|
|
defaultOptions: {
|
||
|
|
queries: {
|
||
|
|
staleTime: 60 * 1000,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
let browserQueryClient: QueryClient | undefined = undefined
|
||
|
|
|
||
|
|
function getQueryClient() {
|
||
|
|
if (isServer) {
|
||
|
|
return makeQueryClient()
|
||
|
|
} else {
|
||
|
|
if (!browserQueryClient) browserQueryClient = makeQueryClient()
|
||
|
|
return browserQueryClient
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function Providers({ children }: { children: React.ReactNode }) {
|
||
|
|
const queryClient = getQueryClient();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
|
||
|
|
)
|
||
|
|
}
|