text: import React from "react";
  import ReactDOM from "react-dom";
  import { ThemeProvider } from "@material-ui/styles";
  import { CssBaseline } from "@material-ui/core";
  
  import Themes from "./themes";
  import App from "./components/App";
  import * as serviceWorker from "./serviceWorker";
  import { LayoutProvider } from "./context/LayoutContext";
  import { UserProvider } from "./context/UserContext";
  
  import { Provider } from "react-redux";
  import { PersistGate } from "redux-persist/lib/integration/react";
  import { persistor, store } from "./store";
  
  ReactDOM.render(
    <Provider store={store}>
      <PersistGate loading={<div />} persistor={persistor}>
        <LayoutProvider>
          <UserProvider>
            <ThemeProvider theme={Themes.default}>
              <CssBaseline />
              <App />
            </ThemeProvider>
          </UserProvider>
        </LayoutProvider>
      </PersistGate>
    </Provider>,
    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: http://bit.ly/CRA-PWA
  serviceWorker.unregister();
  