/Javascript/React/Scoll to top on each route react

Scoll to top on each route react

import { useEffect } from "react";
import { useLocation } from "react-router-dom";

export default function ScrollToTop() {
  const { pathname } = useLocation();

  useEffect(() => {
    window.scrollTo(0, 0);
  }, [pathname]);

  return null;
}


function App() {
  return (
    <Router>
      <ScrollToTop />
      <App />
    </Router>
  );
}

Source: stackoverflow.com

Similar codes

0 vote301 views1 answer
React tutorial componentDidMount() componentWillUnmount()
Javascript React
0 vote291 views2 answers
Create a reactjs app with backend and docker
Javascript React
5 votes313 views3 answers
How to scroll to an element javascript react
Javascript React
0 vote304 views1 answer
'unsafe-inline' react
Javascript React
2 votes317 views1 answer
React allow only numbers in input
Javascript React
12 votes312 views3 answers
Get value of input react
Javascript React
7 votes264 views2 answers
Hover react
Javascript React
0 vote281 views1 answer
Usenavigate react router dom v6
Javascript React
0 vote466 views1 answer
React-data-table-component cell action stack overflow
Javascript React
2 votes295 views2 answers
Merge two styles react native
Javascript React