/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

9 votes273 views5 answers
How to add array data on state react
Javascript React
5 votes278 views4 answers
Google map in react js
Javascript React
0 vote292 views1 answer
Play 2 audio react
Javascript React
0 vote293 views2 answers
Hot reload problem react 17
Javascript React
0 vote294 views1 answer
Reactjs Developer
Javascript React
7 votes303 views2 answers
How to pass a component as a prop in react
Javascript React
0 vote296 views1 answer
React json object pretty
Javascript React
0 vote299 views1 answer
Get element ref react
Javascript React
0 vote312 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
0 vote301 views1 answer
Why is necessary to run react-native run
Javascript React