Adding the Device Motion Listener

deviceMotionAddListener.js

const [data, setData] = useState({});
//Call Once when Screen loads
useEffect(() => {
  //Subscribe Function
  _subscribe();
  //Call Once when Screen unloads
  return () => {
    _unsubscribe(); //Unsubscribe Function
  };
}, []);

//SetInterval between listening of 2 DeviceMotion Action
const _setInterval = () => {
  DeviceMotion.setUpdateInterval(77);
};

const _subscribe = () => {
  //Adding the Listener
  DeviceMotion.addListener((devicemotionData) => {
    setData(devicemotionData.rotation);
  });
  //Calling setInterval Function after adding the listener
  _setInterval();
};

const _unsubscribe = () => {
  //Removing all the listeners at end of screen unload
  DeviceMotion.removeAllListeners();
};