Abstract react-redux Provider into Providers

Add ConnectedRouter provider. It's make sense to have
separated 'Providers.tsx' file. First reason is for components
render tests where redux context is involved, second it's
just clear place where we can gather all entities of the same kind

Author: incerta

README.md

@@ -1110,7 +1110,7 @@ import rootEpic from './root-epic';
 import services from '../services';
 
 // browser history
-const history = createBrowserHistory();
+export const history = createBrowserHistory();
 
 export const epicMiddleware = createEpicMiddleware<
   RootAction,

playground/src/App.tsx

@@ -1,15 +1,14 @@
 import React, { Component } from 'react';
-import { Provider } from 'react-redux';
 
-import store from './store';
+import Providers from './Providers';
 import Home from './routes/Home';
 
 class App extends Component {
   render() {
     return (
-      <Provider store={store}>
+      <Providers>
         <Home />
-      </Provider>
+      </Providers>
     );
   }
 }

playground/src/Providers.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Provider } from 'react-redux';
+import { ConnectedRouter } from 'connected-react-router';
+
+import store, { history } from './store';
+import { Store } from 'redux';
+
+import { RootState } from 'MyTypes';
+
+type Props = {
+  testStore?: Store<RootState>;
+};
+
+const Providers: React.FC<Props> = ({ children, testStore }) => (
+  <Provider store={testStore || store}>
+    <ConnectedRouter history={history}>
+      {children as any}
+    </ConnectedRouter>
+  </Provider>
+);
+
+export default Providers;

playground/src/store/index.ts

@@ -10,7 +10,7 @@ import rootEpic from './root-epic';
 import services from '../services';
 
 // browser history
-const history = createBrowserHistory();
+export const history = createBrowserHistory();
 
 export const epicMiddleware = createEpicMiddleware<
   RootAction,