I'm currently trying to scroll to top on page refresh. So far I've been able to implement scroll to top on route change, but not on page refresh - somehow react always restores its previous position. How can I prevent that from happening?

That's how I implemented scroll to top (thought window.scrollTo(0, 0) inside of componenDidMount() would help, but it didn't):

class ScrollToTop extends Component {



    componentDidMount() {

        window.scrollTo(0, 0);

    }



    componentDidUpdate(prevProps, prevState, snapshot) {

        if (this.props.location.pathname !== prevProps.location.pathname) {

            window.scrollTo(0, 0);

        }

    }



    render() {

        return null;

    }

}



export default withRouter(ScrollToTop);

class App extends Component {



    render() {

        return (

            <BrowserRouter>

                <ScrollToTop/>

                <Header/>

                <Home/>

                <Projects/>



                <div className=follow-cursor/>

            </BrowserRouter>

        );

    }

}



export default App;