Error currentSlide and slideCount

Technical Questions CMS
,
1

Hello
I’m getting currentSlide and slideCount error when I use the carrousel, I’m use the nextjs latest
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 do not know how to solve it. Any suggestions?

2

Hi @jcfuentes,

Welcome to the builder forum.

We are not able to reproduce this error, if you could please share the builder content link will be much appreciated. Thank you!

3

Thanks for answer me.
I can share the builder, but I Can share my code(nextjs)
Is it good for you?

Thanks

El El dom, 8 de enero de 2023 a la(s) 21:38, Manish Sharma via Builder.io Forum <notifications@builder.discoursemail.com> escribió:

4

Sorry… I can’t the builder

El El dom, 8 de enero de 2023 a la(s) 21:40, Juan Carlos Fuentes Virgilio <juan.fuentes@globant.com> escribió:

5

but I Can share my code(nextjs)
Is it good for you?

El El dom, 8 de enero de 2023 a la(s) 21:38, Manish Sharma via Builder.io Forum <notifications@builder.discoursemail.com> escribió:

6

Hi @jcfuentes,

If you could just share the builder content link that will be fine.

Screenshot 2023-01-09 at 10.31.14 AM
Screenshot 2023-01-09 at 10.31.14 AM1920×698 91.6 KB

7

Ok , give me a couple of minutes

In the editor builder io is ok, but, the errors are when I use nextjs builderio,React does not recognize the slideCount and currentSlide prop on a DOM element on the browser

8

Sorry, I´m late

here

this is the code:

export async function getStaticProps({ params }) {
const page =
(await builder
.get(‘about’, {
userAttributes: {
urlPath: ‘/’ + (params?.page?.join(‘/’) || ‘’),
},
})
.toPromise()) || null;
return {
props: {
builderPage: page,
},
revalidate: 5,
};
}

export async function getStaticPaths() {
return {
paths: ,
fallback: true,
};
}

export default function Page({ builderPage }) {
return (



);
}
Page.propTypes = {
params: PropTypes.object,
builderPage: PropTypes.object,
};

Page.defaultProps = {
params: {},
builderPage: {},
};

9

Hi @jcfuentes,

The code seems to be fine, could you please share the builder content link?

10

Thanks!
https://builder.io/content/ec533ffd32f44196bff1a63c154c3809/edit?activeDesignerTab=0&selectedBlock=builder-646d2eacfe0441ee87415c1499d122a8

11

Hi @manish-sharma
Any suggestions?

12

I am also getting this, using Gatsby 5, all we’re doing is passing the builder.io content into the

13

Hi @jcfuentes & @edward-simpson,

This has been a known issue and we already have a ticket to resolve this with our upcoming updates. Thank you so much for reporting this possible bug. We will try and update you as soon as we have any insights from our dev team on this. Thank you!

14

Thanks!
Do you know any workaround?

15

Hi @jcfuentes,

You can find possible fix at Warning: React does not recognize the `slideCount` prop on a DOM element. · Issue #1195 · akiran/react-slick · GitHub

16

Hi @manish-sharma

Thanks! for the workaround.

But is not possible for me, because the carousel send it via BuilderIO.
I don´t created Slider from “react-slick” in the Nexjs. only use the:
-BuilderComponent model=“about” content={builderPage} /-
:pensive:

17

Hi @jcfuentes,

I’ll see if this issue can be fixed with priority with our dev team, meanwhile, you can always try creating your own carousel using [custom code].(Adding custom code in the Builder.io visual editor - Builder.io)

18

Ok
Thanks a lot!

El El mar, 10 de enero de 2023 a la(s) 9:50, Manish Sharma via Builder.io Forum <notifications@builder.discoursemail.com> escribió: