Next js Three

How do I import and use OrbitControls in my Nextjs app? I have tried import { OrbitControls } from "three/examples/jsm/controls/OrbitControls"; I get this error Unhandled Rejection (SyntaxError): Unexpected token { If I use import {OrbitControls} from 'react-three-fiber' I get a blank page I have also used const OrbitControls = dynamic( () => import("three/examples/jsm/controls/OrbitControls").then((mod) => mod.OrbitControls), { ssr: false } ); extend({ OrbitControls }); Please hel...