title: Draggable threejs not working
body: <p>I was working on a threejs where a scene is loaded and on dbl click a mesh component is added. I am trying to drag this across the screen so i refered <a href="https://threejs.org/examples/?q=drag#webgl_interactive_draggablecubes" rel="nofollow noreferrer">https://threejs.org/examples/?q=drag#webgl_interactive_draggablecubes</a></p>
  
  <pre><code>$(document).on('addRectangle', function(d){
  var sphere = new THREE.BoxGeometry(6,20,6);
  var objectMesh = new THREE.Mesh( sphere, new THREE.MeshLambertMaterial( {color:0xff0000,visible:true} ));
  scene.add(objectMesh);
  objectMeshs.push(objectMesh);
  var dragControls = new THREE.DragControls( objectMeshs, getCameraControl().activeCamera,renderer.domElement);
  dragControls.addEventListener( 'dragstart', function ( event )  
  controls.enabled = false; 
  } );
  dragControls.addEventListener( 'dragend', function ( event ) { controls.enabled = true; } );
  needRefresh = true;
  });
  </code></pre>
  
  <p>But when proceed with double click it says client.js:51358 Uncaught TypeError: _raycaster.setFromCamera is not a function at HTMLCanvasElement.onDocumentMouseMove</p>