Hydration Error while using Carousel in Next JS

Viewed 22

I am building a website using Next JS. On the home page, i want to use a carousel (i am using React-alice-carousel for this). The data for the carousel is available at build time.

On visiting the home page, the carousel moves and the alt tag of the image on the carousel changes, triggering a Hydration error on the alt tag of the image.

What is the correct way to deal with this hydration error? Is there a NextJs-specific carousel to use or should i build my own carousel?

Thanks

0 Answers
Related