"Window is not defined" error when extending on NextJS.

[akchro]

Describe the bug
To use three-globe on react-three-fiber, I have to use react-three-fiber's extend function to import it. Doing so causes a "window is not defined" error that does not break the dev environment, but restricts next build.

To Reproduce
Steps to reproduce the behavior:

1. Create a NextJS app
2. I a component file, import ThreeGlobe from "three-globe";
3. After importing, extend({ThreeGlobe})

Expected behavior
three-globe imported without any errors

Screenshots
Error logs:

Desktop (please complete the following information):

• OS: MacOS Monterey
• Browser: Chrome
• Version: Version 115.0.5790.114 (Official Build) (arm64)

Smartphone (please complete the following information):
Not Tested on smartphone

Additional context
N/A

[vasturiano]

This module is not really compatible with SSR. You probably need to disable it in next.

[akchro]

I tried using a dynamic import and also tried "use client". I still get a window not defined error. Any other ways to disable ssr?

Edit: I used dynamic import wrong. I got it fixed.