25 lines
637 B
TypeScript
25 lines
637 B
TypeScript
'use client';
|
|
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
|
|
import type { FC, PropsWithChildren } from 'react';
|
|
|
|
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}
|
|
<ReactQueryDevtools initialIsOpen={false} />
|
|
</QueryClientProvider>
|
|
);
|
|
};
|