fix cursor-mesh and cancel button not clickable

src/index.html

@@ -238,7 +238,7 @@
             id="{{ hand }}CursorMesh"
             class="overlay"
             mixin="cursorMesh"
-            bind__cursor-mesh="active: {{ hand }}RaycasterActive && !isPLaying"
+            bind__cursor-mesh="active: {{ hand }}RaycasterActive && !isPlaying"
             cursor-mesh="cursorEl: #{{ hand }}Hand"
             material="color: {{ beamColor }}"
             scale="1.3 1.3 1.3"></a-entity>

src/state/index.js

@@ -518,7 +518,7 @@ AFRAME.registerState({
       !state.challenge.isLoading && !state.isSongLoading && !!state.challenge.id;
 
     const anyMenuOpen = state.menuActive || state.isPaused || state.isVictory ||
-                        state.isGameOver;
+                        state.isGameOver || state.isSongLoading || state.isSongFetching;
     state.leftRaycasterActive = anyMenuOpen && state.activeHand === 'left' && state.inVR;
     state.rightRaycasterActive = anyMenuOpen && state.activeHand === 'right' && state.inVR;