Add redux-devtools

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)
+    )
   )
 );
 

package.json

@@ -27,6 +27,7 @@
   },
   "version": "0.1.0",
   "devDependencies": {
+    "redux-devtools-extension": "^2.13.8",
     "webpack-dev-server": "^3.8.0"
   }
 }

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"