ScrollTopOnNavigation.js

// Often you will need to scroll to the top of a long page, that when navigated to stays scrolled down. Make sure to wrap it in withRouter to give it access to the Router's props.
import React, { Component } from 'react';
import { withRouter } from 'react-router-dom';

class ScrollTopOnNavigation extends Component {
  componentDidUpdate(prevProps) {
    if (this.props.location !== prevProps.location) {
      window.scrollTo(0, 0);
    }
  }

  render() {
    return this.props.children;
  }
}

export default withRouter(ScrollTopOnNavigation);

// Then render it at the top of your app, but below the Router:
const App = () => (
  <BrowserRouter>
    <ScrollTopOnNavigation>
      {/* ... */}
    </ScrollTopOnNavigation>
  </BrowserRouter>
);