title: Can't load 3D Model to scene with three.js
body: <p>i tried to load a 3D Model called &quot;house&quot; to my scene but it's not working.
  I already created ascene with camera and a cube which is shown correctly. But I can't figure out how to get my 3D Model to be shown in the scene as well. It shouldn't be a problem that the format of my model is .glb while the loader is called GLTFLoader. I saw many tutorials where it worked the way I try it.</p>
  <p>Here's my code: (lines where I try to load the model are 25-28)</p>
  <pre><code>
  import React, {Component} from &quot;react&quot;;
  import &quot;./App.scss&quot;;    
  
  import * as THREE from &quot;three&quot;
  import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
  import { GLTFLoader } from &quot;three/examples/jsm/loaders/GLTFLoader.js&quot;;
  
  
  
  class App extends Component {
    componentDidMount() {
      
        var scene = new THREE.Scene();
        var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
        var renderer = new THREE.WebGLRenderer();
        renderer.setSize( window.innerWidth, window.innerHeight );
        this.mount.appendChild( renderer.domElement );
      
        var geometry = new THREE.BoxGeometry( 1, 1, 1 );
        var material = new THREE.MeshStandardMaterial( { color: 0xfe31eb } );
        var cube = new THREE.Mesh( geometry, material );
        scene.add( cube );
        const controls = new OrbitControls(camera, renderer.domElement);
  
        const loader = new GLTFLoader();
        loader.load('house.glb', function(gltf) {
            scene.add(gltf.scene);
        })
  
        const light = new THREE.HemisphereLight( 0xf000bb, 0x080820, 1 );
        scene.add( light );
  
        camera.position.z = 2;
        var animate = function () {
            requestAnimationFrame(animate);
  
            renderer.render( scene, camera );
        };
        animate();
  
    }
    render() {
        return (
            &lt;div ref={ref =&gt; (this.mount = ref)} /&gt;
            
        )
    }
  }
  
  export default App;
  
  </code></pre>