React router 4 scroll to top behaviour, with support for tabs and/or case by case scrolling

client.js

// client.js
...
<ScrollToTop>
 <App />
</ScrollToTop>
...

example.js

// Example usage:
history.push('/about'); // Reset the scroll
history.push('/tab/1', { resetScroll: false }); // Don't reset the scroll

ScrollToTop.js

// ScrollToTop.js
import React from 'react';
import { withRouter } from 'react-router-dom';

class ScrollToTop extends React.Component {
  componentDidUpdate(prevProps) {
    if (prevProps.location && this.props.location !== prevProps.location &&
      !(this.props.location.state && this.props.location.state.resetScroll === false)) {
      window.scrollTo(0, 0);
    }
  }

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

export default withRouter(ScrollToTop);