SyntaxError: Cannot use import statement outside a module

[j-o-o]

Hello Internet - when I'm importing import { OrbitControls } from "drei";It tells me that SyntaxError: Cannot use import statement outside a module

Any other library works fine. I installed it and reinstalled it. I'm using Next.js as a framework.

[drcmda]

OC is a threejs module, they have raw, uncompiled import statements. you need to teach next to transpile these, there's a build step or something for it.

EDIT: People coming across this, make sure to check this out first https://github.com/vercel/next.js/tree/canary/examples/with-three-js

[victormongi]

Same issue here...

[gsimone]

This might be helpful https://github.com/vercel/next.js/tree/canary/examples/with-three-js