Carousel element causes error in next.js

[rob.egginton]

Hello
I’m getting currentSlide and slideCount error when I use the carrousel, using next,js 14

Warning: React does not recognize the currentSlide prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase currentslide instead. If you accidentally passed it from a
parent component, remove it from the DOM element.

Warning: React does not recognize the slideCount prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase slidecount instead. If you accidentally passed it from a pare
nt component, remove it from the DOM element.

I’ve seen this raised over the last couple of years (Error currentSlide and slideCount - #5 by jcfuentes and Warning: React does not recognize the `slideCount` prop on a DOM element. · Issue #1195 · akiran/react-slick · GitHub and Warning: React does not recognize the `currentSlide` prop on a DOM element), and the response is that it’s about to be fixed. I take it that carousels are still broken?

Given that I’m inserting static props in a page rather than inserting a single component I can’t easily override this; is there a work-around?

[manish-sharma]

Hello @rob.egginton,

Welcome to the Builder.io forum post.

Thank you for highlighting this potential issue. While it’s been a known issue, currently, we don’t have a specific timeline for when it will be resolved.

In the meantime, you can safely ignore this warning, as it’s not an error but a warning message.

Warning: React does not recognize the `slideCount` prop on a DOM element.

[Anandhan]

Hello @manish-sharma

I’m encountering a warning in my Next.js project when using the carousel component:

“React does not recognize the currentSlide prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase currentslide instead. If you accidentally passed it from a parent component, remove it from the DOM element.”

This warning appears when I use the Builder.io Carousel option under Layout. I’ve tried several approaches to resolve it but haven’t been successful.

Could you please provide some guidance on how to address this issue?

I have installed the package’s mentioned on the document : Widgets

Thank you!