/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 votes340 views1 answer
React router dom v6 goback
Javascript React
2 votes422 views2 answers
React native asign width to image
Javascript React
0 vote413 views2 answers
How to use react typed js
Javascript React
-1 vote393 views2 answers
3 dots React
Javascript React
1 vote367 views2 answers
React state not updating immediately
Javascript React
-1 vote394 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
0 vote418 views1 answer
Adding js file to reactjs
Javascript React
0 vote381 views1 answer
The email address is badly formatted react
Javascript React
0 vote374 views1 answer
Change module name react native android studio
Javascript React
0 vote415 views1 answer
Run react app in different port
Javascript React