/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 vote222 views1 answer
Date time react component
Javascript React
0 vote204 views1 answer
How can we update time in react js
Javascript React
1 vote198 views1 answer
Npm package for sorting in reactjs
Javascript React
0 vote211 views1 answer
React native picker not taaking height on android
Javascript React
0 vote226 views3 answers
Redirect is not defined react/jsx-no-undef
Javascript React
1 vote225 views1 answer
React addeventlistener useeffect
Javascript React
0 vote406 views3 answers
Github react hardhat nft marketplace application
Javascript React
4 votes228 views4 answers
Responsive font size react native
Javascript React
0 vote183 views7 answers
How to generate debug build in react native
Javascript React
14 votes211 views5 answers
React conditional class
Javascript React