Created component to scroll to top

src/common/ScrollToTop.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { withRouter } from 'react-router-dom'
+
+export class ScrollToTop extends React.Component {
+  componentDidUpdate(prevProps) {
+    const { location, window } = this.props;
+
+    if (location !== prevProps.location) {
+      window.scrollTo(0, 0)
+    }
+  }
+
+  render() {
+    return this.props.children;
+  }
+}
+
+ScrollToTop.defaultProps = {
+  window
+};
+
+export default withRouter(ScrollToTop);

src/index.js

@@ -8,6 +8,7 @@ import ReduxThunk from 'redux-thunk';
 
 import App from './App';
 import './index.scss';
+import ScrollToTop from './common/ScrollToTop'
 import reducers from './reducers';
 import registerServiceWorker from './registerServiceWorker';
 
@@ -21,7 +22,9 @@ const store = createStore(reducers, composeEnhancers(
 ReactDOM.render(
   <Provider store={store}>
     <BrowserRouter>
-      <App />
+      <ScrollToTop>
+        <App />
+      </ScrollToTop>
     </BrowserRouter>
   </Provider>,
   document.getElementById('root')