55 lines
1.7 KiB
TypeScript
55 lines
1.7 KiB
TypeScript
import { Suspense } from 'react';
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
|
|
import { BrowserRouter } from 'react-router-dom';
|
|
import { Toaster } from 'react-hot-toast';
|
|
import { ErrorBoundary } from './components/shared/ErrorBoundary';
|
|
import { LoadingSpinner } from './components/shared/LoadingSpinner';
|
|
import { AppRouter } from './router/AppRouter';
|
|
import { ThemeProvider } from './contexts/ThemeContext';
|
|
import { AuthProvider } from './contexts/AuthContext';
|
|
import { SSEProvider } from './contexts/SSEContext';
|
|
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
staleTime: 5 * 60 * 1000,
|
|
gcTime: 10 * 60 * 1000,
|
|
retry: 3,
|
|
refetchOnWindowFocus: false,
|
|
},
|
|
},
|
|
});
|
|
|
|
function App() {
|
|
return (
|
|
<ErrorBoundary>
|
|
<QueryClientProvider client={queryClient}>
|
|
<BrowserRouter>
|
|
<ThemeProvider>
|
|
<AuthProvider>
|
|
<SSEProvider>
|
|
<Suspense fallback={<LoadingSpinner overlay />}>
|
|
<AppRouter />
|
|
<Toaster
|
|
position="top-right"
|
|
toastOptions={{
|
|
duration: 4000,
|
|
style: {
|
|
background: '#363636',
|
|
color: '#fff',
|
|
},
|
|
}}
|
|
/>
|
|
</Suspense>
|
|
</SSEProvider>
|
|
</AuthProvider>
|
|
</ThemeProvider>
|
|
</BrowserRouter>
|
|
<ReactQueryDevtools initialIsOpen={false} />
|
|
</QueryClientProvider>
|
|
</ErrorBoundary>
|
|
);
|
|
}
|
|
|
|
export default App; |