slickGoTo inside useEffect doesn't work.

so I have following problem, I want my slider to go back to slide 6 after if anyone would try to swipe further.
However it doesn't work. UseEffect is being triggered, IF condition is being met, but the function won't run.
If I put the same function call inside JSX like first snippet below it works how it should:
```
sliderRef.current.slickGoTo(5)} >go to slide 6
```

This is my code:
```
const [activeSlide, setActiveSlide] = useState(0)
const sliderRef = useRef(null)
const settings = {
variableWidth: true,
speed: 500,
pauseOnHover: false,
swipeToSlide: false,
focusOnSelect: false,
infinite: false,
slidesToScroll: 1,
arrows: false,
beforeChange: (current, next) => setActiveSlide(next)
}
```

```
useEffect(() => {
if (window.innerWidth > 1100 && activeSlide > 5) {
sliderRef.current.slickGoTo(5)
}
}, [activeSlide])
```

```

```