THREE.js рендерится на холсте сверху / перекрывая другой рендер

Question

Если я удаляю средство рендеринга основного экрана, отображается холст, если нет, то ничего не отображается, кажется, что это проблема, возникающая только при попытке рендерить модели gltf, если я создаю геометрию с типами THREE.js. можно рендерить поверх другого.

Я отрисовываю свою базовую сцену с помощью

    var renderer = new THREE.WebGLRenderer( { canvas: cn } );
        renderer.setSize(cn.width, cn.height);
        renderer.setClearColor(0x111517);
...
 var le = new THREE.GLTFLoader();
     le.load('/users/they/Documents/amit/bird.glb',
      function (gltf) {
      const cube = gltf.scene;
      cube.position.z = -3;
      cube.position.y = 0;
      cube.position.x = 0;
      cube.scale.z = 5;
      cube.scale.y = 5.1;
      cube.scale.x = 5.1;
      cube.rotation.z = 0;
      cube.rotation.y = 0;
      cube.rotation.x = 0;
      scene.add(cube);
});

...
renderer.render(scene,camera2);

, а мой холст - с помощью

var renderer2 = new THREE.WebGLRenderer( { canvas: cn } );
        renderer2.setSize(cn.width, cn.height);
        renderer2.setClearColor(0x111517);
...
renderer2.render(buff_scene,camera);

Любая помощь приветствуется.