как вытащить активный айтем карусели в бутстрап 5 react

Есть карусель взятая из бутстрапа, на ней есть три айтема, переключаем только вручную, подскажите, пожалуйста, как можно получить значение активного айтема, как без нажатия на айтем можно получать данные о том, что он сейчас активен. У меня получается получать данные только через onClick, однако так не получится, тк не понимаю как выбрать активный айтем.

       <Carousel
                        className='p-2  ' variant="dark" indicators={false}  >
                        <Carousel.Item interval={99999999} style={{ cursor: ' pointer' }}
                            onClick={() => { setShow(!show); addCurrentLayBer(); setShowCr(false); }}
                            ref={target}
                            key={1}
                        >
                            <Image width={300} height={50} src={pink} />
                        </Carousel.Item>
                        <Carousel.Item interval={99999999} style={{ cursor: ' pointer' }}
                            onClick={() => { setShow(!show); addCurrentLayBan(); setShowCr(false); }}
                            ref={target}
                            key={2}

                        >
                            <Image width={300} height={50} src={yel} />
                        </Carousel.Item>
                        <Carousel.Item interval={99999999} style={{ cursor: ' pointer' }}
                            onClick={() => { setShow(!show); addCurrentLayMaf(); setShowCr(false); }}
                            ref={target}
                            key={3}

                        >
                            <Image width={300} height={50} src={br} />
                        </Carousel.Item>
                    </Carousel>