diff --git a/src/App.js b/src/App.js
index b814e080d4e1df7ae5f6dbe7649d2548211f4c42..1f425e82d19b5ebb08852e71235904849d52b1ea 100644
--- a/src/App.js
+++ b/src/App.js
@@ -15,7 +15,6 @@ export class App {
     this.quality = quality;
 
     if (this.scene) {
-      console.log("quality-changed", quality);
       this.scene.dispatchEvent(new CustomEvent("quality-changed", { detail: quality }));
     }
 
diff --git a/src/components/bone-mute-state-indicator.js b/src/components/bone-mute-state-indicator.js
index 2d79b3f9c37feee028b89afbe6eaffe7bbd654d8..92a2590e2cda9c2d0c048b0849d1e7bdcab35849 100644
--- a/src/components/bone-mute-state-indicator.js
+++ b/src/components/bone-mute-state-indicator.js
@@ -14,7 +14,6 @@ AFRAME.registerComponent("bone-mute-state-indicator", {
     this.el.addEventListener("model-loaded", () => {
       this.unmutedBone = this.el.object3D.getObjectByName(this.data.unmutedBoneName);
       this.mutedBone = this.el.object3D.getObjectByName(this.data.mutedBoneName);
-      console.log(this.unmutedBone, this.mutedBone);
       this.modelLoaded = true;
 
       this.updateMuteState();
diff --git a/src/components/controls-shape-offset.js b/src/components/controls-shape-offset.js
index 7ce8764332f0e8b7b6116add6a8e8178a84121f6..7f47c498bc287a0dbd5c8f8126b724d320c95ca7 100644
--- a/src/components/controls-shape-offset.js
+++ b/src/components/controls-shape-offset.js
@@ -2,7 +2,7 @@ import { CONTROLLER_OFFSETS } from "./hand-controls2.js";
 
 AFRAME.registerComponent("controls-shape-offset", {
   schema: {
-    additionalOffset: { default: { x: 0, y: -0.03, z: -0.04 } }
+    additionalOffset: { type: "vec3", default: { x: 0, y: -0.03, z: -0.04 } }
   },
   init: function() {
     this.controller = null;
diff --git a/src/components/hand-controls2.js b/src/components/hand-controls2.js
index a5f212453d00a4dd6d7fdeb001dd36dc545c5057..e8aca3e7c9f99d5517498ad63b9bc9f8e637c158 100644
--- a/src/components/hand-controls2.js
+++ b/src/components/hand-controls2.js
@@ -109,8 +109,7 @@ AFRAME.registerComponent("hand-controls2", {
 
     const controlConfiguration = {
       hand: hand,
-      model: false,
-      rotationOffset: 0
+      model: false
     };
 
     if (hand !== prevData) {
diff --git a/src/components/hide-when-quality.js b/src/components/hide-when-quality.js
index e09d3ae90db3ce48e7afb815b5e0fcf22aa79fc3..93e238d61b74eff66d3becdabca314d13641a97c 100644
--- a/src/components/hide-when-quality.js
+++ b/src/components/hide-when-quality.js
@@ -17,7 +17,6 @@ AFRAME.registerComponent("hide-when-quality", {
   },
 
   updateComponentState(quality) {
-    console.log(quality);
     this.el.setAttribute("visible", quality !== this.data);
   }
 });
diff --git a/src/react-components/avatar-selector.js b/src/react-components/avatar-selector.js
index 4495819a83aca79aaddaf63deb66efecb4f49dcb..e4b27897e839eb53f99267b8b3bc70e2c81f8206 100644
--- a/src/react-components/avatar-selector.js
+++ b/src/react-components/avatar-selector.js
@@ -131,7 +131,7 @@ class AvatarSelector extends Component {
       <a-entity key={avatar.id} rotation={`0 ${360 * -i / this.props.avatars.length} 0`}>
         <a-entity position="0 0 5" gltf-model-plus={`src: #${avatar.id}`} inflate="true">
           <template data-selector=".RootScene">
-            <a-entity animation-mixer />
+            <a-entity animation-mixer="" />
           </template>
 
           <a-animation
@@ -168,7 +168,7 @@ class AvatarSelector extends Component {
           </a-entity>
 
           <a-entity position="0 1.5 -5.6" rotation="-10 180 0">
-            <a-entity camera />
+            <a-entity camera="" />
           </a-entity>
 
           <a-entity