Alihaghighattalab
23 lines
725 B
TypeScript
23 lines
725 B
TypeScript
import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
|
|
import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
|
|
import { PropsWithChildren, useRef } from "react"
|
|
|
|
export const RQProvider = ({ children }: PropsWithChildren) => {
|
|
const rqConfig = useRef(
|
|
new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
refetchOnWindowFocus: false,
|
|
retry: 0,
|
|
staleTime: 15 * 1000
|
|
}
|
|
}
|
|
})
|
|
)
|
|
return (
|
|
<QueryClientProvider client={rqConfig.current}>
|
|
{children}
|
|
<ReactQueryDevtools initialIsOpen={false} />
|
|
</QueryClientProvider>
|
|
)
|
|
} |