index.tsx 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. import { createRoot } from 'react-dom/client'
  2. import { RouterProvider } from 'react-router';
  3. import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
  4. import { App as AntdApp } from 'antd'
  5. import dayjs from 'dayjs';
  6. import weekday from 'dayjs/plugin/weekday';
  7. import localeData from 'dayjs/plugin/localeData';
  8. import 'dayjs/locale/zh-cn';
  9. import { AuthProvider } from './hooks/AuthProvider';
  10. import { router } from './routes';
  11. // 配置 dayjs 插件
  12. dayjs.extend(weekday);
  13. dayjs.extend(localeData);
  14. // 设置 dayjs 语言
  15. dayjs.locale('zh-cn');
  16. // 创建QueryClient实例
  17. const queryClient = new QueryClient();
  18. // 应用入口组件
  19. const App = () => {
  20. return (
  21. <QueryClientProvider client={queryClient}>
  22. <AntdApp>
  23. <AuthProvider>
  24. <RouterProvider router={router} />
  25. </AuthProvider>
  26. </AntdApp>
  27. </QueryClientProvider>
  28. )
  29. };
  30. const rootElement = document.getElementById('root')
  31. if (rootElement) {
  32. const root = createRoot(rootElement)
  33. root.render(
  34. <App />
  35. )
  36. }