No puedo activar la función DeviceMotion en la aplicación React cuando muevo mi navegador. Estoy usando el evento de movimiento del devicemotion del objeto de la window para lograr la funcionalidad.

Extracto de mi código

 export default function App() { const [x, setX] = useState(""); const [y, setY] = useState(""); const [z, setZ] = useState(""); function handleMotionEvent(event) { console.log("handle motion event", event); var x = event.accelerationIncludingGravity.x; var y = event.accelerationIncludingGravity.y; var z = event.accelerationIncludingGravity.z; setX(x); setY(y); setZ(z); } useEffect(() => { window.addEventListener("devicemotion", handleMotionEvent, true); }, [x, y, z]); return ( <div className="App"> <h1>Device Motion</h1> <div> X - {x} Y - {y} Z - {z} </div> </div> ); }

Creé un ejemplo de trabajo usando CodeSandbox . ¿Alguien podría ayudar?