/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 vote159 views1 answer
React-router-dom v6 redirect
Javascript React
48 votes142 views1 answer
Emmet not working react js
Javascript React
31 votes151 views6 answers
React Sass
Javascript React
0 vote147 views4 answers
Router react how to pass data to class component
Javascript React
-1 vote142 views1 answer
Image component doesn't show image from url react native
Javascript React
0 vote159 views1 answer
How to use rgba in react native
Javascript React
1 vote149 views1 answer
React native generate stylesheet with function
Javascript React
0 vote142 views1 answer
Alert, react native alert
Javascript React
0 vote89 views1 answer
React native bootstrap
Javascript React
0 vote173 views1 answer
React-data-table-component cell action stack overflow
Javascript React