1import { ChakraProvider, localStorageManager } from '@chakra-ui/react';
 2import dayjs from 'dayjs';
 3import Duration from 'dayjs/plugin/duration';
 4import LocalizedFormat from 'dayjs/plugin/localizedFormat';
 5import RelativeTime from 'dayjs/plugin/relativeTime';
 6import Timezone from 'dayjs/plugin/timezone';
 7import utc from 'dayjs/plugin/utc';
 8import 'locales/i18n';
 9import React from 'react';
10import ReactDOM from 'react-dom/client';
11import { QueryClientProvider } from 'react-query';
12import { queryClient } from 'service/react-query';
13import { updateThemeColor } from 'utils/themeColor';
14import { theme } from '../chakra.config';
15import App from './App';
16import 'index.scss';
17
18dayjs.extend(Timezone);
19dayjs.extend(LocalizedFormat);
20dayjs.extend(utc);
21dayjs.extend(RelativeTime);
22dayjs.extend(Duration);
23
24updateThemeColor(localStorageManager.get() || 'light');
25
26ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
27  <React.StrictMode>
28    <ChakraProvider theme={theme}>
29      <QueryClientProvider client={queryClient}>
30        <App />
31      </QueryClientProvider>
32    </ChakraProvider>
33  </React.StrictMode>
34);