/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

1 vote164 views1 answer
React map component in
Javascript React
1 vote230 views1 answer
React native get mac address
Javascript React
0 vote183 views1 answer
Auto refresh database in outsystems reactive
Javascript React
0 vote192 views1 answer
Adding js file to reactjs
Javascript React
0 vote191 views1 answer
How to download json object that come from backend in react
Javascript React
1 vote170 views2 answers
React state not updating immediately
Javascript React
0 vote191 views2 answers
React js http post 500 internal server error
Javascript React
2 votes168 views1 answer
How to add react scroll scrollable link
Javascript React
0 vote249 views1 answer
React avoid spreading non-dom props across component
Javascript React
0 vote190 views1 answer
Sweper slider react
Javascript React