text: import React from "react";
  import ReactDOM from "react-dom";
  import "./index.css";
  import App from "./App";
  // import reportWebVitals from './reportWebVitals';
  import "bootstrap/dist/css/bootstrap.min.css";
  
  import { createStore, applyMiddleware, compose } from "redux";
  import thunk from "redux-thunk";
  import rootReducer from "./reducers/index"; //TODO: make this reducer index
  import { Provider } from "react-redux";
  
  // let composedEnhancer;
  
  // if (window.navigator.userAgent.includes("Chrome")) {
  //   composedEnhancer = compose(
  //     applyMiddleware(thunk),
  //     window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
  //   );
  // } else {
  const composedEnhancer = compose(applyMiddleware(thunk));
  // }
  
  let store = createStore(rootReducer, composedEnhancer);
  
  ReactDOM.render(
    <React.StrictMode>
      <Provider store={store}>
        <App />
      </Provider>
    </React.StrictMode>,
    document.getElementById("root")
  );
  
  // If you want to start measuring performance in your app, pass a function
  // to log results (for example: reportWebVitals(console.log))
  // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
  // reportWebVitals();
  