Set default position for directional and hemisphere lights.

src/components/directional-light.js

@@ -8,6 +8,7 @@ AFRAME.registerComponent("directional-light", {
   init() {
     const el = this.el;
     this.light = new THREE.DirectionalLight();
+    this.light.position.set(0, 0, 0);
     this.light.target.position.set(0, 0, 1);
     this.light.add(this.light.target);
     this.el.setObject3D("directional-light", this.light);

src/components/hemisphere-light.js

@@ -8,6 +8,7 @@ AFRAME.registerComponent("hemisphere-light", {
   init() {
     const el = this.el;
     this.light = new THREE.HemisphereLight();
+    this.light.position.set(0, 0, 0);
     this.el.setObject3D("hemisphere-light", this.light);
     this.el.sceneEl.systems.light.registerLight(el);
   },