Carousel will not advance properly when using external buttons about react-alice-carousel HOT 5 CLOSED

I can't completely confirm this, but it may be a race condition due to PureComponent whereby my component forces a re-render of the carousel (due to the setState call in my onSlideChanged callback) before AliceCarousel is done updating it's internal state.

from react-alice-carousel.

Hi @drmanitoba, you forgot to specify slideToIndex property like this:

<AliceCarousel
        slideToIndex={this.state.currentIndex}
        // ...other props
>
    <MyThing />
    // ...
</AliceCarousel>

from react-alice-carousel.

Hi, sorry, need to reopen this issue as this does not fix my problem.

The docs don't say I need this prop when scrolling via the internal methods as seen in my example, only when I opt to juggle the state externally in a wrapper.

I added in this prop as suggested, but the problem persists without any change in behaviour.

from react-alice-carousel.

@drmanitoba, please update version

from react-alice-carousel.

Oh wow, thank you so much for the prompt response. Works perfectly now!

from react-alice-carousel.