'use client';
import { Theme } from '@radix-ui/themes';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { ThemeProvider } from 'next-themes';
import React from 'react';
const Provider = ({ children }: { children: React.ReactNode }) => {
const [queryClient] = React.useState(
() =>
new QueryClient({
defaultOptions: {
queries: {
refetchOnMount: false,
refetchOnWindowFocus: false,
refetchOnReconnect: false,
retry: false,
staleTime: 60 * 1000,
},
},
})
);
return (
<ThemeProvider
attribute='class'
defaultTheme='system'
enableSystem
disableTransitionOnChange
>
<Theme appearance='inherit'>
<QueryClientProvider client={queryClient}>
{children}
</QueryClientProvider>
</Theme>
</ThemeProvider>
);
};
export default Provider;
'use client';
import { Theme } from '@radix-ui/themes';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { ThemeProvider } from 'next-themes';
import React from 'react';
const Provider = ({ children }: { children: React.ReactNode }) => {
const [queryClient] = React.useState(
() =>
new QueryClient({
defaultOptions: {
queries: {
refetchOnMount: false,
refetchOnWindowFocus: false,
refetchOnReconnect: false,
retry: false,
staleTime: 60 * 1000,
},
},
})
);
return (
<ThemeProvider
attribute='class'
defaultTheme='system'
enableSystem
disableTransitionOnChange
>
<Theme appearance='inherit'>
<QueryClientProvider client={queryClient}>
{children}
</QueryClientProvider>
</Theme>
</ThemeProvider>
);
};
export default Provider;