only update state if needed

Author: oliverabrahams

dotcom-rendering/src/components/ScrollableCarousel.tsx

@@ -362,9 +362,12 @@ export const ScrollableCarousel = ({
 		const carouselElement = carouselRef.current;
 		if (!carouselElement) return;
 		const cardWidth = carouselElement.querySelector('li')?.offsetWidth ?? 0;
-		setCardCount(
-			Math.ceil((carouselElement.scrollLeft + cardWidth / 2) / cardWidth),
+		const count = Math.ceil(
+			(carouselElement.scrollLeft + cardWidth / 2) / cardWidth,
 		);
+		if (count !== cardCount) {
+			setCardCount(count);
+		}
 	};
 
 	/**