Fehler „React-Three-Fiber“ und „React-Three/Drei Orbitcontrols“. ⇐ JavaScript

[Guest]

Ich habe eine sehr einfache Szene wie diese:

Code: Select all

import React from 'react';
import { Canvas } from '@react-three/fiber';
import { OrbitControls } from '@react-three/drei';

const Scene = () => {
return (



);
};

export default Scene;

Wenn ich jetzt diesen Code ausführe, erhalte ich den folgenden Laufzeitfehler:

Eigenschaften von undefiniert können nicht gelesen werden (Lesung ' ReactCurrentOwner')
TypeError: Eigenschaften von undefiniert können nicht gelesen werden (liest 'ReactCurrentOwner')

Und wenn ich die -Komponente funktioniert alles einwandfrei.

Aber für mein Projekt benötige ich die Orbit-Steuerelemente. Wie sorge ich dafür, dass das funktioniert?
Ich habe Erfahrung mit regulären alten Three Js, aber nicht mit den Bibliotheken React-Three-Fiber und der Hilfsbibliothek Drei. Doch für das Projekt, an dem ich arbeite, werden diese Bibliotheken verwendet, also sind wir hier...
Jede Hilfe wäre sehr dankbar.