import React from "react"; import ReactDOM from "react-dom"; import { Provider } from "react-redux"; import Routes from "./routes"; import storeConfig from "./store"; import { PersistGate } from "redux-persist/integration/react"; import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles"; import { grey } from "@material-ui/core/colors"; const { persistor, store } = storeConfig; const theme = createMuiTheme({ overrides: { MuiAppBar: { colorPrimary: { backgroundColor: grey[800], }, }, MuiToolbar: { dense: { minHeight: 0, maxHeight: 32, }, }, }, }); ReactDOM.render( <React.StrictMode> <Provider store={store}> <PersistGate loading={<p>Loading</p>} persistor={persistor}> <ThemeProvider theme={theme}> <Routes /> </ThemeProvider> </PersistGate> </Provider> </React.StrictMode>, document.getElementById("root") ); // If you want your app to work offline and load faster, you can change // unregister() to register() below. Note this comes with some pitfalls. // Learn more about service workers: https://bit.ly/CRA-PWA // serviceWorker.unregister();