/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

2 votes126 views1 answer
How to dynamically show image from local storage in react native
Javascript React
1 vote85 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React
0 vote145 views1 answer
React native parent opcaity not affecting text
Javascript React
2 votes129 views2 answers
React native select option
Javascript React
0 vote127 views1 answer
Nested ternaries react
Javascript React
0 vote123 views2 answers
React show view based on role permission
Javascript React
0 vote115 views2 answers
React native navigation header Right
Javascript React
2 votes159 views2 answers
Discord.js remove reaction
Javascript React
31 votes130 views1 answer
React router dom IndexRedirect
Javascript React
3 votes126 views3 answers
React portals
Javascript React