/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

2 votes193 views2 answers
How to add query parameter to url reactjs
Javascript React
0 vote149 views1 answer
How to validate password and confirm password on react form hook
Javascript React
0 vote155 views1 answer
How to convert timestamp to date in react native
Javascript React
0 vote151 views1 answer
OnPress image react native
Javascript React
4 votes146 views1 answer
Reactjs onclick open new page
Javascript React
0 vote145 views1 answer
Uploading profile pic with react.js node.js express.js REST API to sqlite DB
Javascript React
0 vote194 views1 answer
React router redirect with query params
Javascript React
-1 vote169 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
0 vote140 views1 answer
Adding js file to reactjs
Javascript React
0 vote150 views2 answers
React js form radio input using hooks
Javascript React