text: import React from "react";
  import ReactDOM from "react-dom";
  import { createStore, applyMiddleware, combineReducers, compose } from "redux";
  import { Provider } from "react-redux";
  import { BrowserRouter } from "react-router-dom";
  import ReduxThunk from "redux-thunk";
  import { StylesProvider } from "@material-ui/core";
  
  import "./index.css";
  import Layout from "./components/Layout/Layout";
  import * as serviceWorker from "./serviceWorker";
  import bangumiDataReducer from "./store/reducers/BangumiDataReducer";
  
  const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
  
  const rootReducer = combineReducers({
    bangumiData: bangumiDataReducer,
  });
  
  const store = createStore(
    rootReducer,
    composeEnhancers(applyMiddleware(ReduxThunk))
  );
  
  ReactDOM.render(
    <Provider store={store}>
      <BrowserRouter>
        <StylesProvider injectFirst>
          <Layout />
        </StylesProvider>
      </BrowserRouter>
    </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: https://bit.ly/CRA-PWA
  serviceWorker.unregister();
  