index.js를 다음과 같이 수정해 보세요.

    src/index.js

    import React from 'react';
    import ReactDOM from 'react-dom';
    import './index.css';
    import App from './App';
    import * as serviceWorker from './serviceWorker';
    import { BrowserRouter } from 'react-router-dom';
    import { Provider } from 'react-redux';
    import { createStore, applyMiddleware } from 'redux';
    import { composeWithDevTools } from 'redux-devtools-extension';
    import createSagaMiddleware from 'redux-saga';
    import rootReducer, { rootSaga } from './modules';
    import { tempSetUser, check } from './modules/user';
    
    const sagaMiddleware = createSagaMiddleware();
    const store = createStore(
      rootReducer,
      composeWithDevTools(applyMiddleware(sagaMiddleware)),
    );
    
    function loadUser() {
      try {
        const user = localStorage.getItem('user');
        if (!user) return; // 로그인 상태가 아니라면 아무것도  
    
        store.dispatch(tempSetUser(user));
        store.dispatch(check());
      } catch (e) {
        console.log('localStorage is not working');
      }
    }
    
    sagaMiddleware.run(rootSaga);
    loadUser();
    
    ReactDOM.render(
      <Provider store={store}>
        <BrowserRouter>
          <App />
        </BrowserRouter>
      </Provider>,
      document.getElementById('root'),
    );
    
    serviceWorker.unregister();

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.