Как сохранить положение прокрутки перед повторным рендерингом и установить положение прокрутки в сохраненную позицию - Реакция JS

Question

У меня есть функциональный компонент в React JS. Мне нужно сохранить положение прокрутки перед каждым повторным рендерингом и установить прокрутку на предыдущую позицию.

export function Calender(props) {
    const [scrollPosition, setScrollPosition] = useState([0, 0]);
    const handleClick = ()=> {
        setScrollPosition([window.screenX,window.ScreenY])
        //api call happens and props get changed which causes a rerender
    }

    useEffect( ()=>{
        window.scrollTo(scrollPosition[0],scrollPosition[1])
    })

    return (
       <div >
           <button onClick={()=>{handleClick}} >Click</button>
        </div>
    );
}

не работает для меня. Как я могу это сделать?