/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

4 votes130 views2 answers
Google map react search place
Javascript React
2 votes88 views1 answer
Range slider mui can't slide
Javascript React
21 votes117 views4 answers
React memo
Javascript React
17 votes151 views4 answers
React native geolocation
Javascript React
1 vote129 views2 answers
Hosting react with pm2
Javascript React
0 vote123 views1 answer
React userefrence example
Javascript React
0 vote118 views1 answer
React simple typewriter
Javascript React
2 votes124 views1 answer
React function being called every minute
Javascript React
15 votes133 views2 answers
Ternary react
Javascript React
23 votes148 views5 answers
USE ICONS IN REACT
Javascript React