Обнуление слайда в Carousel react-bootstrap

Есть проблема, что если количество фотографий в слайдере на разных страницах товаров отличается, то слайдер просто исчезает, пока он самостоятельно не пролистает до слайда, на скрине понятней, о чём речь. У меня переход по товару без швов, просто отрисовка по индексу из бд, это намного доступней, чем делать отдельную страницу, т.к. товаров очень мало и заказчик хочет без перехода. У меня была идея, заключалась она в привязке значения activeIndex, но я не знаю как получать клики по стрелочкам с двух сторон от картинки. Может кто-нибудь знает, как по клику один раз обнулять слайдер, чтобы он пересчитывал кол-во картинок в массиве и начинал сначала прокручивать их. Картинка - https://imgur.com/a/tNS2Vcu

Если кому надо, вот код слайдера, чтобы было понимание откуда достаются картинки

<Carousel>
{
    tovar.images.map(im => (
        <Carousel.Item >
            <img 
            className = "d-block w-100 CarouselImg"
            src = { im }
            />
        </Carousel.Item>
    ))
}
</Carousel>

Ответы (0 шт):