Estoy tratando de crear avatares y animaciones a través de readyplay.me y mixamo. Aquí está el enlace donde lo aprendí: https://dev.to/nourdinedev/how-to-use-threejs-and-react-to-render-a-3d-model-of-your-self-4kkf

El siguiente código es mi App.js. Puedo pasar por la primera parte que es tener el avatar creado y trabajado en javascript. Sin embargo, recibí un error como en el título después de reemplazar model.glb con model_animation.glb. ¿Alguien puede indicar qué causó el error?

 /* Auto-generated by: https://github.com/pmndrs/gltfjsx */ import React, { useRef, useEffect } from "react"; import { useGLTF, useAnimations } from "@react-three/drei"; export default function Model({ ...props }) { const group = useRef(); const { nodes, materials, animations } = useGLTF( "/model_animation.glb" ); const { actions } = useAnimations(animations, group); useEffect(() => { actions["Armature|mixamo.com|Layer0"].play(); }); return ( <group ref={group} {...props} dispose={null}> <group name="Armature001"></group> <primitive object={nodes.Hips} /> <skinnedMesh name="Wolf3D_Avatar001" geometry={nodes.Wolf3D_Avatar001.geometry} material={materials['Wolf3D_Avatar.001']} skeleton={nodes.Wolf3D_Avatar001.skeleton} morphTargetDictionary={nodes.Wolf3D_Avatar001.morphTargetDictionary} morphTargetInfluences={nodes.Wolf3D_Avatar001.morphTargetInfluences} /> </group> ) } useGLTF.preload('/model_animation.glb')