import MomentUtils from '@date-io/moment';
import { MuiPickersUtilsProvider } from '@material-ui/pickers';
import * as React from 'react';
import { ApolloProvider } from '@apollo/client';
import * as ReactDOM from 'react-dom';

import { CssBaseline } from '@material-ui/core';
import App from './App';
import { DelayLoading } from './components/PageProgressBar';
import Toast from './components/Toast';
import './declare_modules.d.ts';
import client from './util/client';

ReactDOM.render(
  <ApolloProvider client={client}>
    <>
      <CssBaseline />
      <DelayLoading />
      <MuiPickersUtilsProvider utils={MomentUtils}>
        <App />
        <Toast />
      </MuiPickersUtilsProvider>
    </>
  </ApolloProvider>,
  document.getElementById('root') as HTMLElement,
);