/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 vote130 views1 answer
Debug react routes
Javascript React
4 votes157 views1 answer
Open a new tab when clicking on a link react
Javascript React
7 votes148 views2 answers
React router 6 redirect
Javascript React
0 vote144 views1 answer
React looping hooks to display in other hook
Javascript React
0 vote134 views1 answer
React image onerror
Javascript React
0 vote143 views1 answer
Backgroundcolor react
Javascript React
94 votes147 views6 answers
Install react router
Javascript React
3 votes145 views2 answers
React chart.js
Javascript React
2 votes138 views2 answers
React native position absolute center
Javascript React
1 vote194 views2 answers
Push state array react
Javascript React