Обнуление слайда в 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>