35 lines
581 B
TypeScript
35 lines
581 B
TypeScript
import type { ReactNode } from 'react'
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
|
|
|
|
let context:
|
|
| {
|
|
queryClient: QueryClient
|
|
}
|
|
| undefined
|
|
|
|
export function getContext() {
|
|
if (context) {
|
|
return context
|
|
}
|
|
|
|
const queryClient = new QueryClient()
|
|
|
|
context = {
|
|
queryClient,
|
|
}
|
|
|
|
return context
|
|
}
|
|
|
|
export default function TanStackQueryProvider({
|
|
children,
|
|
}: {
|
|
children: ReactNode
|
|
}) {
|
|
const { queryClient } = getContext()
|
|
|
|
return (
|
|
<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
|
|
)
|
|
}
|