/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

1 vote249 views1 answer
React native textinput no keyboard
Javascript React
0 vote248 views1 answer
How to filter data from mongodb date in reactjs
Javascript React
22 votes260 views4 answers
Copy text to clipboard reactjs
Javascript React
112 votes244 views6 answers
Import bootstrap 4 in react
Javascript React
0 vote241 views2 answers
Get data from url using react
Javascript React
1 vote277 views1 answer
Reactjs compile subdomine
Javascript React
1 vote233 views1 answer
Import react js video player
Javascript React
0 vote250 views1 answer
Shortcut to format reactjs visual studio
Javascript React
0 vote254 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
0 vote233 views3 answers
Flatlist react native keyextractor
Javascript React