usage of apply()/extend() with Typescript

Hi, I am trying to make OrbitControls work with typescript but a key step is failing: apply({ OrbitControls }) as shown here https://github.com/drcmda/react-three-fiber/issues/27 and explained here https://github.com/drcmda/react-three-fiber#using-3rd-party-non-three-namespaced-objects-in-the-scene-graph

same behavior persists if i use extend instead

is it not supported? something to do with a missing declaration?

edit_1: the method itself gives no error but the impl of it <orbitControls /> says Property 'orbitControls' does not exist on type 'JSX.IntrinsicElements'.ts(2339)

[eduter]

If you want correct typing, you can do this:

import { extend, ReactThreeFiber } from 'react-three-fiber';
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';


extend({ OrbitControls });

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

[Seanmclem]

@gsimone I don’t see that this is solved. I still get the same issue