• components: carousel
• reactstrap version #8.10.1
• react version #17.0.2
• bootstrap version #4.5.2

What is happening?

With the Carousel, we can deactivate the autoplay by setting the interval props to false. However, this is not taken into account directly but only after one last automatic transition to the next slide. I think this is due to the the following piece of code in carousel.js :

componentDidUpdate(prevProps, prevState) {
    if (prevState.activeIndex === this.state.activeIndex) return;
    this.setInterval();
  }

An additional check between prevState.interval and this.state.interval should be perform before returning without setting the interval, no?

What should be happening?

Autoplay should stop as soon as the interval is set to false

Steps to reproduce issue

1. Load the component with an interval
2. Switch the interval to false