TypeError: Object.defineProperty called on non-object ( mediapipe/tasks-vision )

[gsimone]

This is on a next.js project with

@react-three/drei 9.88.2
@react-three/fiber 8.14.5
three 0.157.0
next 13.5.2
three-stdlib 2.27.2

This is both a symptom of something wrong with three shaking and a problem with @mediapipe/tasks-vision, also see:

• Unable to resolve "@mediapipe/tasks-vision" from "node_modules\@react-three\drei\native\index.js" #1599
• Unable to resolve "@mediapipe/tasks-vision" from "node_modules/@react-three/drei/index.cjs.js" #1596

Screenshot of the error:

[CodyJasonBennett]

We're going to have to vendor that library and repackage it so it's safe for NPM. The linked issues are for Metro which doesn't understand Node ESM. We have documentation for that specifically: https://docs.pmnd.rs/react-three-fiber/getting-started/installation#react-native.

[CodyJasonBennett]

IDK if this helps at all since Next is notoriously bad at dynamic or linked dependencies, but I have #1688 which should filter out the broken module.

[gsimone]

You rock, I'll see if this helps and create a minimal repro if I can find some time

[CodyJasonBennett]

What's bothering me is that we have E2E tests for CRA and Next from a snapshot tgz and they don't encounter this issue. If you find any preferences which are interactive, I'll be sure to add it to our coverage.

[github-actions]

🎉 This issue has been resolved in version 9.88.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀