如何在重新渲染之前保存滚动位置并将滚动位置设置为保存的位置-React 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>
    );
}

对我不起作用。我该怎么办？