/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 vote361 views1 answer
React native curved view
Javascript React
0 vote380 views1 answer
Create loop to specific length react
Javascript React
15 votes352 views8 answers
React bootstrap
Javascript React
-1 vote341 views2 answers
React js props lara css uygulama
Javascript React
0 vote380 views2 answers
How to use react typed js
Javascript React
0 vote361 views1 answer
React index.js file
Javascript React
1 vote335 views1 answer
On_raw_reaction_add example
Javascript React
0 vote360 views2 answers
Mqtt js react-native
Javascript React
4 votes377 views1 answer
React native scrollview horizontal
Javascript React
18 votes379 views2 answers
Store data in localstorage react
Javascript React