How to implement react-slick slickGoTo method in functional component?

I searched online but no where found how to implement the above question, all was class component that too on certain function call. But when my slider renders on DOM , i need to start with a particular slide index that I'll be sending as props. How can I do that? I've got a useRef already for slider Sample code-

<Modal>
<Slider {...settings}> //anything i can implement here?
{arr.map((x)=>{
<>
<div>
<img src="x.url"/>
</div>
<div>
{x.des}
</div>
</>
})}
</Slider>
<button className="button-left" onClick={()=>{goToPrev}}>left</button>
<button className="button-right" onClick={()=>{goToNext}}Right</button></Modal>
How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum