We are rendering the list of cards in the carousel. Once there is a change on cards state, then it doesn't render the additional cards. It only renders the first set of cards and the second set of cards is being ignored.
It only happens on Edge browser.
<Carousel
ref={carouselRef}
swipeable
rewind
draggable={false}
showDots={false}
responsive={CARDS_CAROUSEL_OPTION}
infinite={false}
keyBoardControl
beforeChange={onSlideChange} // when user reaches at the end of the slide, then make another request for the second set of cards
containerClass=""
removeArrowOnDeviceType={['tablet', 'mobile']}
itemClass="">
{cards.map((card) => (
<Card
key={`card_${card.id}`}
card={card}
/>
))}
</Carousel>
Expected behavior
It should render the second set of cards in the carousel as well as the first set of cards.
We are rendering the list of cards in the carousel. Once there is a change on cards state, then it doesn't render the additional cards. It only renders the first set of cards and the second set of cards is being ignored. It only happens on Edge browser.
Expected behavior It should render the second set of cards in the carousel as well as the first set of cards.