import { useEffect } from 'react'; import { useLocation } from 'react-router-dom'; const Scrolltop = () => { const { pathname } = useLocation(); useEffect(() => { window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); }, [pathname]); return null; } export default Scrolltop; //and used this component in App.jsx for project. React v16.8+ useEffect(() => { window.scrollTo(0, 0) }, [])const scrollTop = () =>{ window.scrollTo({top: 0, behavior: 'smooth'});};componentDidMount() { window.scrollTo(0, 0) }useEffect(() => { window.scrollTo(0, 0) }, [])