TERES_web_frontend/src/App.tsx

import { BrowserRouter } from 'react-router-dom';
import { CssBaseline, ThemeProvider } from '@mui/material';
import { theme } from './theme';
import AppRoutes from './routes';
import SnackbarProvider from './components/Provider/SnackbarProvider';
import DialogProvider from './components/Provider/DialogProvider';
import AuthGuard from './components/AuthGuard';

import './locales';
import './utils/request'

/**
 * 封装MaterialUIApp，将主题、基础样式和路由包裹起来
 */
function MaterialUIApp() {
  return (
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <SnackbarProvider>
        <DialogProvider>
          <BrowserRouter>
            <AuthGuard>
              <AppRoutes />
            </AuthGuard>
          </BrowserRouter>
        </DialogProvider>
      </SnackbarProvider>
    </ThemeProvider>
  );
}

function App() {
  return (
    <MaterialUIApp />
  );
}

export default App;