text: import React from "react";
  import ReactDOM from "react-dom";
  import { createBrowserHistory } from "history";
  import { Router, Route, Switch } from "react-router-dom";
  
  import reducers from "./reducers";
  import reduxThunk from "redux-thunk";
  import { createStore, applyMiddleware, compose } from "redux";
  import { Provider } from "react-redux";
  
  import "assets/css/material-dashboard-react.css?v=1.4.1";
  
  import indexRoutes from "routes/index.jsx";
  
  const hist = createBrowserHistory();
  
  const store = createStore(reducers, compose(
    applyMiddleware(reduxThunk),
    window.devToolsExtension ? window.devToolsExtension() : f => f,
  ));
  
  ReactDOM.render(
    <Provider store={store}>
      <Router history={hist}>
        <Switch>
          {indexRoutes.map((prop, key) => {
            return <Route path={prop.path} component={prop.component} key={key} />;
          })}
        </Switch>
      </Router>
    </Provider>,
    document.getElementById("root")
  );
  