NextJS 13

[maurorpo]

I found this issue when using RMC with Next Js 13

[DevDugg]

I had the same problem. You should use the "use client" declaration on top of the file, where you import the Carousel component

[maurorpo]

i try but this show me the console

[DevDugg]

When you are mapping in React or Next, you must always provide a keyattribute to the element that you're returning. It should look like this:

array.map((item, index) => ( <div key={index}>...</div> ));

It is necessary to do that, because React needs the key to recognise the elements during re-renders.

You can use any number instead of index, just make sure it is unique.

You can read more in the official docs

[maurorpo]

thanks for answer, but that is not the error

i fixed that warning but i hava this ( image )

[DevDugg]

Same answer, use the use client declaration on top of the file which gives the error

[SaerwenLis]

Hello, I have the same problem, but I need to render the carousel on server, any other way to fix it?

[DevDugg]

@SaerwenLis What carousel are you using? It is possible to render it on server if the package you're using supports SSR.

[yjleeinkr]

@SaerwenLis If you need to render it on server, how about hybrid rendering - making carousel separatlely on client component by using 'use client' then just importing on server components/pages? I'm not sure but hope it can help!

[SaerwenLis]

@yjleeinkr I already solved it ty

[sqle157]

@SaerwenLis How did you solve it? I run into the same problem too and I'm trying to figure what's happening

[jdrew-byte]

It does support sever-side, but I prefer using the client because you have to really on the headers with device-agent which isn't very accurate like basic media queries.

[naeem23]

I had the same problem. You should use the "use client" declaration on top of the file, where you import the Carousel component

thanks for the solution.

[Arthur7711]

Does ssr working for you ? This lib not working without "use client" and giving you an option ssr={true} which not working cause we can use it only by "use client" how to make it work in ssr any ides ?)

[etabard]

You should use ssr with the deviceType parameter