title: importing a 3d model in three.js
body: <p>i tried importing my 3d model but its not loading its just at a black screen and i am getting an error saying &quot;Uncaught TypeError: Cannot read properties of undefined (reading 'itemStart'). i have my code below, let me know if you need more specified detail about it.</p>
  <pre><code> // Scene
   const scene = new THREE.Scene();
   scene.background = new THREE.Color(&quot;grey&quot;);
  
   // Base camera
   const camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight,)
   camera.position.set(0,100,800);
  
   // full screen webgl renderer
   const renderer = new THREE.WebGLRenderer();
   renderer.setSize(window.innerWidth,window.innerHeight);
  
   document.body.appendChild(renderer.domElement);
  
   // make sure project is responsive based on window resizing
   window.addEventListener('resize', () =&gt;{
       renderer.setSize(window.innerWidth,window.innerHeight);
       camera.aspect = window.innerWidth / window.innerHeight;
  
       camera.updateProjectionMatrix();
   })
  
  //   add a light
    const light = new THREE.AmbientLight(0x555500,4)
    scene.add(light);
  
   // load object
  const loader = new THREE.GLTFLoader();
      loader.load('do-yatte/yatte4.gltf', function (gltf) {
        scene.add(gltf.scene);
    })
  
  
  const render = function() {
      requestAnimationFrame(render)
  
      renderer.render(scene, camera);
  }
  
  render();
  </code></pre>