Gatsby Build - SSR failed about react-carousel HOT 4 OPEN

I can't use it in nextjs

ReferenceError: window is not defined
    at Yo node_modules/@brainhubeu/react-carousel/lib/react-carousel.js:2:100449

It would be great to have SSR support.

from react-carousel.

Facing the same issue: undefined (window) in SSR

from react-carousel.

In these cases I usually wrap it into something like this:

`function Page({ render = "effect", children } = {}) {
const [hasRenderedOnClient, setHasRendered] = React.useState(false);

React.useEffect(() => {
setHasRendered(true);
}, []);

if (render === "effect" && !hasRenderedOnClient) {
return null;
}

if (render === "effect-seo" && !hasRenderedOnClient) {
return <div style={{ visibility: "hidden" }}>{children};
}

return <>{children}</>;`

so it renders when useEffect kicks in on the client.
Only downside is that js has to be downloaded in order to see the carousel

from react-carousel.

why do you call this react-carousel? carousel doesn't work with react, gatsby, or next..there are 3 more closed(!) window issues related to this...dynamic import doesn't bring the module and why should we dynamic import anyway...

from react-carousel.