23 lines
570 B
TypeScript
23 lines
570 B
TypeScript
|
|
"use client";
|
||
|
|
|
||
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
||
|
|
import { useState } from "react";
|
||
|
|
|
||
|
|
export function Providers({ children }: { children: React.ReactNode }) {
|
||
|
|
const [queryClient] = useState(
|
||
|
|
() =>
|
||
|
|
new QueryClient({
|
||
|
|
defaultOptions: {
|
||
|
|
queries: {
|
||
|
|
staleTime: 60 * 1000, // 1 minute
|
||
|
|
refetchInterval: 30 * 1000, // 30 seconds for real-time updates
|
||
|
|
},
|
||
|
|
},
|
||
|
|
})
|
||
|
|
);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
|
||
|
|
);
|
||
|
|
}
|