scrollWithHooks.jsx

const scrollToRef = (ref) => window.scrollTo(0, ref.current.offsetTop)   // General scroll to element function

const ReadyToScroll = () => {
	const myRef = useRef(null) // Hook to ref object
	return (<div ref={myRef}>I wanna be seen</div>)  // Attach ref object to a dom element 
}

// To scroll run `scrollToRef(myRef)`. Examples: 
	// To scroll on mount add above the return statement:  
		useEffect(() => { 
        	scrollToRef(myRef)
		}, []) 
  
	// To scroll on click change the return statement: 
    	return (
        	<>
           		<div ref={myRef}>I wanna be seen</div>
           		<button onClick={()=>scrollToRef(myRef)} > Scroll from me </button>
        	</>
     	)