Currently, I am encountering the error message:
Unhandled Runtime Error TypeError: Cannot read properties of null (reading 'classList')
while utilizing the Carousel component. The problem arises when I attempt to populate the carousel with images from an array using the following method:
<div className="carousel-inner relative w-full overflow-hidden max-h-[300px]">
{project.imageslist.map((image, i) => (
<div
key={i}
className={`carousel-item ${i < 1 ? "active" : ""} float-left w-full`}>
<img
src={image.listitemimg}
className="block w-full"
alt="Wild Landscape"
/>
</div>
))}
</div>
Do you have any suggestions on how to address this issue?
I have attempted adding each individual carousel-item
manually instead of relying on the map function, but unfortunately, the problem persists.