text: import React from "react";
  import ReactDOM from "react-dom";
  import { createStore, applyMiddleware, compose } from "redux";
  import { Provider } from "react-redux";
  import { BrowserRouter as Router } from "react-router-dom";
  import thunk from "redux-thunk";
  import "./styles/index.css";
  
  import App from "./containers";
  import reducers from "./reducers";
  
  // remove enhancer during yarn build time
  const composeEnhancers =
    typeof window === "object" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
      ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({})
      : compose;
  
  const enhancer = composeEnhancers(applyMiddleware(thunk));
  const store = createStore(reducers, enhancer);
  
  const Root = () => {
    return (
      <Provider store={store}>
        <Router>
          <App />
        </Router>
      </Provider>
    );
  };
  
  ReactDOM.render(<Root />, document.getElementById("root"));
  