/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 vote347 views1 answer
How to have hotjar in react-hotjar
Javascript React
0 vote331 views1 answer
Jest create react app only run one test
Javascript React
1 vote300 views2 answers
React warning can't perform a react state update on an unmounted component
Javascript React
10 votes340 views2 answers
React text input onchange
Javascript React
0 vote341 views2 answers
React barcode scanner
Javascript React
0 vote366 views1 answer
Getting state in react-router-dom v6
Javascript React
0 vote451 views1 answer
Make a button who disable scrolling down the page react
Javascript React
0 vote385 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
12 votes338 views2 answers
React split array into chunks
Javascript React
1 vote348 views1 answer
How to create a button with react
Javascript React