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 '@tanstack/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';
17import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
18
19dayjs.extend(Timezone);
20dayjs.extend(LocalizedFormat);
21dayjs.extend(utc);
22dayjs.extend(RelativeTime);
23dayjs.extend(Duration);
24
25updateThemeColor(localStorageManager.get() || 'light');
26
27ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
28  <React.StrictMode>
29    <ChakraProvider theme={theme}>
30      <QueryClientProvider client={queryClient}>
31        <App />
32        <ReactQueryDevtools initialIsOpen={false} />
33      </QueryClientProvider>
34    </ChakraProvider>
35  </React.StrictMode>
36);