dify/web/context/query-client.tsx

26 lines
625 B
TypeScript

'use client'
import type { FC, PropsWithChildren } from 'react'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import { TanStackDevtoolsLoader } from '@/app/components/devtools/tanstack/loader'
const STALE_TIME = 1000 * 60 * 30 // 30 minutes
const client = new QueryClient({
defaultOptions: {
queries: {
staleTime: STALE_TIME,
},
},
})
export const TanstackQueryInitializer: FC<PropsWithChildren> = (props) => {
const { children } = props
return (
<QueryClientProvider client={client}>
{children}
<TanStackDevtoolsLoader />
</QueryClientProvider>
)
}