title: Looping through materials and meshes (and animations) in a gltf file and importing into three js
body: <p>I'm sure this has probably been asked before, but I'm fairly new to threejs (and React Fiber), so part of my problem here is not really knowing how to phrase what I need..</p>
  <p>I know what I want to do must be possible, because it is possible to drag and drop any gltf file here: <a href="https://gltf-viewer.donmccurdy.com/" rel="nofollow noreferrer">https://gltf-viewer.donmccurdy.com/</a> and see it rendered correctly.</p>
  <p>So, what I want to do, is create a loop which will traverse all parts (nodes?) of a gltf model with/without animations (<a href="https://sketchfab.com/3d-models/final-sink-time-tech-503431223be34a5e8eba799b6ffb7a62" rel="nofollow noreferrer">such as this one</a>) and output it as part of a webpage.</p>
  <p>Currently, I find myself tediously trying to add a <code>&lt;mesh&gt;</code> for each and every part of a model, and I know there must be an easier way.</p>
  <p>I have found the <a href="https://github.com/donmccurdy/three-gltf-viewer/blob/main/src/viewer.js" rel="nofollow noreferrer">source-code for the viewer</a> here, but as mentioned, I'm still quite new to this library, so any help (or link to a similar question), would be appreciated.</p>