Estoy tratando de convertir un archivo .obj en mi proyecto de reacción usando el gancho OBJLoader y useLoader() de React Three Fiber, pero no puedo hacerlo. La ruta de mi archivo es correcta y estoy envolviendo el Modelo en etiquetas Suspenso, entonces, ¿por qué ocurre esto?
import React, { Suspense } from "react"; import * as THREE from "three"; import { Canvas, useLoader } from "@react-three/fiber"; import { OrbitControls } from "@react-three/drei"; import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader"; function Model() { const model = useLoader( OBJLoader, "../assets/Model.obj" ); return <primitive object={model} scale={0.4} />; } function App() { return ( <div className="App"> <Canvas> <OrbitControls enablePan={true} enableZoom={true} enableRotate={true} addEventListener={undefined} hasEventListener={undefined} removeEventListener={undefined} dispatchEvent={undefined} /> <Lights /> <Suspense fallback={null}> <Model /> </Suspense> </Canvas> </div> ); } export default App;