"use client";
import {
QueryClient,
QueryClientProvider,
HydrationBoundary,
dehydrate,
} from "@tanstack/react-query";
import { PropsWithChildren, useState } from "react";
export default function QueryProvider({ children }: PropsWithChildren) {
const [queryClient] = useState(
() =>
new QueryClient({
defaultOptions: {
queries: {
refetchOnWindowFocus: false,
refetchOnMount: false,
staleTime: 60 * 1000,
},
},
})
);
return (
<QueryClientProvider client={queryClient}>
<HydrationBoundary state={dehydrate(queryClient)}>
{children}
</HydrationBoundary>
</QueryClientProvider>
);
}
"use client";
import {
QueryClient,
QueryClientProvider,
HydrationBoundary,
dehydrate,
} from "@tanstack/react-query";
import { PropsWithChildren, useState } from "react";
export default function QueryProvider({ children }: PropsWithChildren) {
const [queryClient] = useState(
() =>
new QueryClient({
defaultOptions: {
queries: {
refetchOnWindowFocus: false,
refetchOnMount: false,
staleTime: 60 * 1000,
},
},
})
);
return (
<QueryClientProvider client={queryClient}>
<HydrationBoundary state={dehydrate(queryClient)}>
{children}
</HydrationBoundary>
</QueryClientProvider>
);
}