/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 vote255 views2 answers
Sending props via navigate() of react router v6
Javascript React
0 vote232 views1 answer
Bottom tab navigator react native transparent
Javascript React
105 votes255 views3 answers
React bootstrap do you need to import
Javascript React
0 vote251 views1 answer
Scroll to a input on button click react native
Javascript React
2 votes250 views1 answer
React refresh page every second
Javascript React
0 vote278 views2 answers
Reactjs firebase timestamp to date
Javascript React
2 votes257 views1 answer
React import multiple images
Javascript React
0 vote243 views1 answer
Difference in push and navigate in react Navigation
Javascript React
0 vote242 views1 answer
React inlinle style set background image
Javascript React
-1 vote252 views1 answer
How to create scroll to top button in reactjs example code
Javascript React