Load and visualize an animated musculoskeletal model

[hwy1992129]

Hi,
I want to visualize a musculoskeletal model with different animation options.
I export a gltf/glb. I used gltfjsx to convert gltf/glb into jsx.
However, since the model is composed of more than 100 geometry, the converted jsx is not what I want.
How to loop load the geometry? Animation data is also required.. Any example for me to learn?
I found some examples like the codes below.... but I don't know how to add the animation...
useLayoutEffect(() => void scene.traverse((obj) => obj.isMesh && (obj.material = material)), [])

useMemo(() => {
    Object.values(nodes).forEach((node) => node.isMesh)
    applyProps(materials.rubber, { color: '#222', roughness: 0.6, roughnessMap: null, normalScale: [4, 4] })
    applyProps(materials.window, { color: 'black', roughness: 0, clearcoat: 0.1 })
    applyProps(materials.coat, { envMapIntensity: 4, roughness: 0.5, metalness: 1 })
    applyProps(materials.paint, { roughness: 0.5, metalness: 0.8, color: '#555', envMapIntensity: 2 })
  }, [nodes, materials])
  return <primitive object={scene} {...props} />
}