Orbit Controls does not use camera.lookAt value

[donpinkus]

Reproduce:

1. Create a camera and set its lookAt value.
2. Create orbit controls.

Issue:
After adding orbit controls, the camera is "looking at" the origin, not the camera's lookAt value.

How do you get the camera to lookAt a specific point when adding orbit controls?

Some example code:

  camera = new THREE.OrthographicCamera(
    globals.cameraDimensions.left,
    globals.cameraDimensions.right,
    globals.cameraDimensions.top,
    globals.cameraDimensions.bottom,
    1,
    2000
  );

  // Sets the position to a Vector3 angle, then sets the length.
  camera.position.set(0, 50, 100);
  camera.up = new THREE.Vector3(0, 1, 0);
  camera.lookAt(new THREE.Vector3(0, 50, 0));

  renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });
  renderer.setSize(window.innerWidth, window.innerHeight);
  document.body.appendChild(renderer.domElement);

  controls = new THREE.OrbitControls(camera, renderer.domElement);

[Place1]

just ran into this as well :(