text: import React from 'react';
  import ReactDOM from 'react-dom';
  import { BrowserRouter } from 'react-router-dom';
  import { Provider } from 'react-redux';
  import { createStore, compose, applyMiddleware, combineReducers } from 'redux';
  import thunk from 'redux-thunk';
  import createSagaMiddleware from 'redux-saga';
  
  import './index.css';
  import App from './App';
  import * as serviceWorker from './serviceWorker';
  import burgerBuilderReducer from './store/reducers/burgerBuilder';
  import orderReducer from './store/reducers/order';
  import authReducer from './store/reducers/auth';
  import { watchAuth, watchBurgerBuilder, watchOrder } from './store/sagas';
  
  const composeEnhancers =
    process.env.NODE_ENV === 'development'
      ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
      : null || compose;
  
  const rootReducer = combineReducers({
    burgerBuilder: burgerBuilderReducer,
    order: orderReducer,
    auth: authReducer,
  });
  
  const sagaMiddleware = createSagaMiddleware();
  
  const store = createStore(
    rootReducer,
    composeEnhancers(applyMiddleware(thunk, sagaMiddleware)),
  );
  
  sagaMiddleware.run(watchAuth);
  sagaMiddleware.run(watchBurgerBuilder);
  sagaMiddleware.run(watchOrder);
  
  ReactDOM.render(
    <React.StrictMode>
      <Provider store={store}>
        <BrowserRouter>
          <App />
        </BrowserRouter>
      </Provider>
    </React.StrictMode>,
    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();
  