Шейдеры с Typescript и React с тремя волокнами

Пытаться:

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

Вам также может понадобиться вставить следующее в ваш импорт:

import { extend } from 'react-three-fiber'
...
extend ({ CustomMaterial })

Просто хотел бы добавить, что если вы пытаетесь добавить что-то кроме пользовательского материала, вы можете использовать ReactThreeFiber.Object3DNode.

Я пытался заставить OrbitControls работать, и мне удалось сделать это с помощью следующего метода:

import { extend } from '@react-three/fiber';
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';

declare global {
    namespace JSX {
        interface Intrinsicelements {
            orbitControls: ReactThreeFiber.Node<OrbitControls, typeof OrbitControls>;
        }
    }
}

extend({ OrbitControls });