Hola. Tengo este error cuando cargo el archivo .gltf desde Blender:

El análisis del módulo falló: Token inesperado (2:12) Es posible que necesite un cargador apropiado para manejar este tipo de archivo, actualmente no hay cargadores configurados para procesar este archivo. Consulte https://webpack.js.org/concepts#loaders

 | { > "asset" : { | "generator" : "Khronos glTF Blender I/O v1.7.33", | "version" : "2.0"

Agrego gatsby-node.js:

 exports.onCreateWebpackConfig = ({ stage, rules, loaders, plugins, actions, }) => { actions.setWebpackConfig({ module: { rules: [ { test: /\.gltf$/, use: [ `url-loader`, ], }, ], }, }) }

Pero todavía no funciona.

Mi componente:

 import {useGLTF} from "@react-three/drei"; import logo from '/src/components/react.gltf' const Model = () => { const group = useRef() const { nodes, materials } = useGLTF(logo) return ( <group ref={group} {...props} dispose={null}> <mesh geometry={nodes.Text.geometry} material={materials['Material.001']} rotation={[Math.PI / 2, 0, 0]} /> <mesh geometry={nodes.Text001.geometry} material={materials['Material.002']} position={[0, 0, 0.04]} rotation={[Math.PI / 2, 0, 0]} /> </group> ) } export default Model