Orbit Controls

If you're using TypeScript you need

import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
import { Canvas, useThree, extend, ReactThreeFiber } from "@react-three/fiber";

declare global {
    namespace JSX {
        interface IntrinsicElements {
            orbitControls: ReactThreeFiber.Object3DNode<OrbitControls, typeof OrbitControls>
        }
    }
}

//... you'll be able to use <orbitControls /> without a problem

@Oby gl is the Web Graphics Library renderer, here is a list of everything you can extract from the useThree hook: https://inspiring-wiles-b4ffe0.netlify.app/4-hooks

what is gl? the part where you added the camera and domElement

@Didier Do you have your code up in a repo/sandbox so I can take a look at it? Hard to tell where the error is by just looking at that error

I keep getting this error when importing OrbitControls: https://cln.sh/Zq60Ka I should note I've thoroughly checked my code for syntax errors, but it's completely free of those.

I'm using Next.js, but I don't think that should matter. Any ideas?