diff --git a/app/javascript/helpers/createStore.ts b/app/javascript/helpers/createStore.ts index 5f093898..a4a87388 100644 --- a/app/javascript/helpers/createStore.ts +++ b/app/javascript/helpers/createStore.ts @@ -1,14 +1,19 @@ import { createStore, applyMiddleware } from 'redux'; +import { composeWithDevTools } from 'redux-devtools-extension'; import thunkMiddleware from 'redux-thunk'; import rootReducer from '../reducers/rootReducer'; +const composeEnhancers = composeWithDevTools({ + trace: true, +}); + const createStoreHelper = () => ( createStore( rootReducer, - applyMiddleware( - thunkMiddleware, - ), + composeEnhancers( + applyMiddleware(thunkMiddleware) + ) ) ); diff --git a/package.json b/package.json index 240a283c..5b3d2976 100644 --- a/package.json +++ b/package.json @@ -27,6 +27,7 @@ }, "version": "0.1.0", "devDependencies": { + "redux-devtools-extension": "^2.13.8", "webpack-dev-server": "^3.8.0" } } diff --git a/yarn.lock b/yarn.lock index ef317936..70df2f20 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5922,6 +5922,11 @@ redent@^1.0.0: indent-string "^2.1.0" strip-indent "^1.0.1" +redux-devtools-extension@^2.13.8: + version "2.13.8" + resolved "https://registry.yarnpkg.com/redux-devtools-extension/-/redux-devtools-extension-2.13.8.tgz#37b982688626e5e4993ff87220c9bbb7cd2d96e1" + integrity sha512-8qlpooP2QqPtZHQZRhx3x3OP5skEV1py/zUdMY28WNAocbafxdG2tRD1MWE7sp8obGMNYuLWanhhQ7EQvT1FBg== + redux-thunk@^2.3.0: version "2.3.0" resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-2.3.0.tgz#51c2c19a185ed5187aaa9a2d08b666d0d6467622"