RSC: ThreeJS error when importing a client component

[open lily]

Getting this:

- error node_modules/three/build/three.module.js (41412:0) @ eval
- error unhandledRejection: Error [ReferenceError]: ProgressEvent is not defined
    at eval (webpack-internal:///(sc_client)/./node_modules/three/build/three.module.js:41824:25) {
  digest: undefined
}

When I use a React-Three-Fiber client component through NextJS's RSC (13.4.8). There's a serverComponentsExternalPackages but is there a config for excluding client libraries from Next?

[cursive glen]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

      🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in <id:customize>

      ✅ You can mark a message as the answer for your post with `Right click -> Apps -> Mark Solution`
      (if you don't see the option, try refreshing Discord with Ctrl + R)

[worn aspen]

try to import this component with ssr: false so Next won't try to pre-render it: https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading#skipping-ssr

[open lily]

Laaaaaaate reply... Works! Thanks!

[cursive glen]

✅ Success!

This question has been marked as answered! If you have any other questions, feel free to create another post

Jump to answer

[Click here](#1125543425425555646 message)

[undone quarry]

Trying to import client component from server component this way in v15, it says ssr false is not allowed in server components, need to move it to client component.

Is this answer outdated?