Add 'connected-react-router' store middleware

Author: incerta

README.md

@@ -1102,12 +1102,16 @@ import { RootAction, RootState, Services } from 'MyTypes';
 import { createStore, applyMiddleware } from 'redux';
 import { createEpicMiddleware } from 'redux-observable';
 import { createBrowserHistory } from 'history';
+import { routerMiddleware as createRouterMiddleware } from 'connected-react-router';
 
 import { composeEnhancers } from './utils';
 import rootReducer from './root-reducer';
 import rootEpic from './root-epic';
 import services from '../services';
 
+// browser history
+const history = createBrowserHistory();
+
 export const epicMiddleware = createEpicMiddleware<
   RootAction,
   RootAction,
@@ -1117,17 +1121,16 @@ export const epicMiddleware = createEpicMiddleware<
   dependencies: services,
 });
 
+const routerMiddleware = createRouterMiddleware(history);
+
 // configure middlewares
-const middlewares = [epicMiddleware];
+const middlewares = [epicMiddleware, routerMiddleware];
 // compose enhancers
 const enhancer = composeEnhancers(applyMiddleware(...middlewares));
 
 // rehydrate state on app start
 const initialState = {};
 
-// browser history
-const history = createBrowserHistory();
-
 // create store
 const store = createStore(rootReducer(history), initialState, enhancer);
 

playground/src/store/index.ts

@@ -2,12 +2,16 @@ import { RootAction, RootState, Services } from 'MyTypes';
 import { createStore, applyMiddleware } from 'redux';
 import { createEpicMiddleware } from 'redux-observable';
 import { createBrowserHistory } from 'history';
+import { routerMiddleware as createRouterMiddleware } from 'connected-react-router';
 
 import { composeEnhancers } from './utils';
 import rootReducer from './root-reducer';
 import rootEpic from './root-epic';
 import services from '../services';
 
+// browser history
+const history = createBrowserHistory();
+
 export const epicMiddleware = createEpicMiddleware<
   RootAction,
   RootAction,
@@ -17,17 +21,16 @@ export const epicMiddleware = createEpicMiddleware<
   dependencies: services,
 });
 
+const routerMiddleware = createRouterMiddleware(history);
+
 // configure middlewares
-const middlewares = [epicMiddleware];
+const middlewares = [epicMiddleware, routerMiddleware];
 // compose enhancers
 const enhancer = composeEnhancers(applyMiddleware(...middlewares));
 
 // rehydrate state on app start
 const initialState = {};
 
-// browser history
-const history = createBrowserHistory();
-
 // create store
 const store = createStore(rootReducer(history), initialState, enhancer);