20 lines
568 B
TypeScript
20 lines
568 B
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import { PropsWithChildren, useState } from "react";
|
||
|
|
import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
|
||
|
|
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
|
||
|
|
|
||
|
|
const QueryProvider = ({ children }: PropsWithChildren) => {
|
||
|
|
const [client] = useState(
|
||
|
|
new QueryClient({ defaultOptions: { queries: { staleTime: 5000 } } })
|
||
|
|
);
|
||
|
|
return (
|
||
|
|
<QueryClientProvider client={client}>
|
||
|
|
{children}
|
||
|
|
<ReactQueryDevtools initialIsOpen={false} />
|
||
|
|
</QueryClientProvider>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default QueryProvider;
|