/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 vote165 views1 answer
React native stylesheet shortcut
Javascript React
0 vote178 views1 answer
Chromepicker react-color not working
Javascript React
4 votes178 views6 answers
React-native shadow generator
Javascript React
0 vote159 views1 answer
React time input
Javascript React
-1 vote182 views2 answers
How to validate date in react
Javascript React
6 votes161 views1 answer
Create bottom navigation bar react native
Javascript React
2 votes163 views2 answers
Capture enter button react input
Javascript React
5 votes181 views1 answer
Import suspence from react
Javascript React
4 votes162 views2 answers
React countdown timer
Javascript React
4 votes186 views2 answers
How to skip the undefined values from the list and filter the rest of the data in react js
Javascript React