How can I change the scrollY when the InfiniteScroll has rendered

[17dun]

in my project I want change the scrollY when user click some button，I tryed change initialScrollY use the useState hooks，but it does not work :(

[17dun]

const [initialScrollY, setInitialScrollY] = useState(0); useEffect(() => { if (searchParams?.get('filter')) { setInitialScrollY(300); } else { setInitialScrollY(0); } }, [searchParams]); <InfiniteScroll initialScrollY={initialScrollY} dataLength={searchList.length} next={getSearchListMore} hasMore={hasMore} loader={<SearchListSkeleton />} hasChildren scrollableTarget="scrollableDiv" className="flex-1 flex-grow overflow-y-scroll no-scrollbar" height="calc(100vh - 96px)" >....</InfiniteScroll>

my code like this

[sapiens-shahbaz-khan]

I haven't tried this prop, but we can use ref on the container and do something like
ref.current.scrollTop = 0