/Javascript/React/Handling scrolling on react router transitions

Handling scrolling on react router transitions

import { useEffect } from 'react';
import { withRouter } from 'react-router-dom';

function ScrollToTop({ history }) {
  useEffect(() => {
    const unlisten = history.listen(() => {
      window.scrollTo(0, 0);
    });
    return () => {
      unlisten();
    }
  }, []);

  return (null);
}

export default withRouter(ScrollToTop);

Source: stackoverflow.com

Similar codes

0 vote191 views2 answers
TS2307: Cannot find module './archive.svg' jest react
Javascript React
0 vote186 views1 answer
React hook form reset only one field
Javascript React
0 vote199 views1 answer
Reactjs class exemple componentDidMount
Javascript React
0 vote186 views1 answer
Reference hook in react
Javascript React
0 vote185 views1 answer
React native how to pass id from list to function
Javascript React
24 votes315 views3 answers
Reactjs sass setup
Javascript React
1 vote204 views1 answer
React admin newrecords.foreach is not a function
Javascript React
0 vote194 views1 answer
React native webview postmessage example
Javascript React
0 vote213 views1 answer
How to console log in react native
Javascript React
0 vote192 views1 answer
React native get navigation bar height
Javascript React