Felipe Cardoso
96df7edf88
- Consolidated multi-line arguments into single lines where appropriate in `useAuth`. - Improved spacing and readability in data processing across components (`ProfileSettingsForm`, `PasswordChangeForm`, `SessionCard`). - Applied consistent table and markdown formatting in design system docs (e.g., `README.md`, `08-ai-guidelines.md`, `00-quick-start.md`). - Updated code snippets to ensure adherence to Prettier rules and streamlined JSX structures.
50 lines
1.5 KiB
TypeScript
50 lines
1.5 KiB
TypeScript
'use client';
|
|
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import { lazy, Suspense, useState } from 'react';
|
|
import { ThemeProvider } from '@/components/theme';
|
|
|
|
// Lazy load devtools - only in local development (not in Docker), never in production
|
|
// Set NEXT_PUBLIC_ENABLE_DEVTOOLS=true in .env.local to enable
|
|
/* istanbul ignore next - Dev-only devtools, not tested in production */
|
|
const ReactQueryDevtools =
|
|
process.env.NODE_ENV === 'development' && process.env.NEXT_PUBLIC_ENABLE_DEVTOOLS === 'true'
|
|
? lazy(() =>
|
|
import('@tanstack/react-query-devtools').then((mod) => ({
|
|
default: mod.ReactQueryDevtools,
|
|
}))
|
|
)
|
|
: null;
|
|
|
|
export function Providers({ children }: { children: React.ReactNode }) {
|
|
const [queryClient] = useState(
|
|
() =>
|
|
new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
staleTime: 60 * 1000, // 1 minute
|
|
retry: 1,
|
|
refetchOnWindowFocus: false, // Disabled - use selective refetching per query
|
|
refetchOnReconnect: true, // Keep for session data
|
|
},
|
|
mutations: {
|
|
retry: false,
|
|
},
|
|
},
|
|
})
|
|
);
|
|
|
|
return (
|
|
<ThemeProvider>
|
|
<QueryClientProvider client={queryClient}>
|
|
{children}
|
|
{ReactQueryDevtools && (
|
|
<Suspense fallback={null}>
|
|
<ReactQueryDevtools initialIsOpen={false} />
|
|
</Suspense>
|
|
)}
|
|
</QueryClientProvider>
|
|
</ThemeProvider>
|
|
);
|
|
}
|