/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 vote327 views2 answers
On ddrop function react dropzone parameters
Javascript React
3 votes357 views2 answers
How to get custom attribute value in react
Javascript React
2 votes361 views1 answer
React select with custom option
Javascript React
0 vote359 views2 answers
React query stop refetch when i switch browser tabs (per query)
Javascript React
0 vote483 views1 answer
How to prevent clickjacking in react js
Javascript React
0 vote342 views1 answer
Dropdown list value react fragment
Javascript React
1 vote401 views1 answer
How to add react icons using yarn
Javascript React
2 votes350 views2 answers
Create react app not creating template
Javascript React
0 vote460 views1 answer
No routes matched location / react router
Javascript React
0 vote357 views1 answer
Module not found: Can't resolve '@date-io/date-fns' in 'C:\Users\61455\Documents\React apps\mya2o\src\pages'
Javascript React