[Redux Devtools] No store found. 해결 방법

배경

액션과 상태를 확인하고 싶어서 Redux Devtools 를 활용하여 살펴보려고 했다. 하지만 계속 다음과 같은 에러가 발생했다.

해결 방법

Before

import { createStore } from 'redux'
import reducer from './reducer';

const store = createStore(reducer);

기존 코드에서는 단순하게 리듀서만 넣어서 스토어를 생성하고 있었다.

Afater

import reducer from './reducer';

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(reducer, composeEnhancers(applyMiddleware()))

기존 코드에서 다음의 코드를 추가해주니 Redux Devtools 가 잘 작동되었다. 😆

https://stackoverflow.com/questions/60838038/how-to-enable-redux-devtools