Trato de agregar tres botones de plano en la escena A-Frame, y luego les doy los eventos de clic correspondientes y los eventos mouseenter y mouseleave. La versión A-Frame es 1.3
Cada vez que actualizo la página, el cursor predeterminado en el centro de la escena activa el evento mouseenter de un botón que estoy en el centro de la pantalla y vuelve a la normalidad después de mover el mouse.
Aquí están mis opciones de escena:

 <a-scene webxr="referenceSpaceType: local" cursor="rayOrigin: mouse; fuse: false;" raycaster="objects: .rayCaster;" >

Aquí están las opciones para uno de mis botones:

 <a-plane menu-button mixin="menuButton" material="src: #sjyPoster" class="rayCaster" id="sjyButton" position="-2.5 1.05 -4" ></a-plane>

¿Cómo puedo cambiar el código para que cada vez que se actualice la página, los tres botones siempre tengan el estilo correcto y el evento solo se active cuando mi mouse funcione normalmente?
Para códigos y demostraciones específicos, puede ver la URL en línea: https://glitch.com/edit/#!/dour-ancient-cemetery