Cannot drag GLTF mesh

Questions
1

In the following code, I add a cube and a GLTF mesh - which is a simple cone.

And Drag Controls.

The cube drags as expected but the mesh does not.

Can anyone see what I’m doing wrong?

Thanks!

CODE:

	<script type="module">
		import * as THREE from 'https://threejsfundamentals.org/threejs/resources/threejs/r132/build/three.module.js';
		import {GLTFLoader} from 'https://threejsfundamentals.org/threejs/resources/threejs/r132/examples/jsm/loaders/GLTFLoader.js';
		import { DragControls } from 'https://threejsfundamentals.org/threejs/resources/threejs/r132/examples/jsm/controls/DragControls.js';
		
		const scene = new THREE.Scene();
		const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

		const renderer = new THREE.WebGLRenderer();
		renderer.setSize( window.innerWidth, window.innerHeight );
		document.body.appendChild( renderer.domElement );

		const objects = [];
		
		const geometry = new THREE.BoxGeometry();
		const material = new THREE.MeshBasicMaterial( { color: 0x444400 } );
		const cube = new THREE.Mesh( geometry, material );
		scene.add( cube );
		objects.push( cube );

		const loader = new GLTFLoader();
		let model, mixer;

		loader.load( 'cone.glb', function ( gltf ) {
			model = gltf.scene;

			scene.add( model );
			
			gltf.scene.traverse( function( object ) {

			   if ( object.isMesh) {
					objects.push( object );
			   }
			} );
		} );

		const directionalLight = new THREE.DirectionalLight( 0xFAEBD7, 20 );
		scene.add( directionalLight );
		
		camera.position.z = 5;

		let controlsDrag, group;

		controlsDrag = new DragControls( [ ... objects ], camera, renderer.domElement );

		const animate = function () {
			requestAnimationFrame( animate );

			cube.rotation.x += 0.01;
			cube.rotation.y += 0.01;

			renderer.render( scene, camera );
		};

		animate();
	</script>
2

Update: Here it is on a server…

http://therawaudio.com/radioc/LIL3D.html

3

I have checked the ‘LeeB4.glb’, and the hierarchy is like:

Group
|- Camera
|- Lee (Object3D)

So, the actual mesh is not a Mesh but an Object3D. Below code does not work:

gltf.scene.traverse( function( object ) {
        // Object3D does not have .isMesh, so it will never been pushed
	if ( object.isMesh) {
		objects.push( object );
	}
} );