NextJS ReferenceError: self is not defined

[DarkPhoenix2704]

ReferenceError: self is not defined

This error happened while generating the page. Any console logs will be displayed in the terminal window.

Throws error in next js

[DarkPhoenix2704]

Duplicate #66 #67

[ProDanish203]

In nextjs, you need to dynamically import the component to ensure that the component is not loaded on the server side, bexause nextjs, first runs the code on server side at the first time even after using the 'use client' directive.

The solution is to use dynamic import like this:
import dynamic from "next/dynamic";

const Carousel = dynamic(() => import("react-spring-3d-carousel"), {
ssr: false,
});