react-hook-device-orientation/dist/index.js

React hook for accessing device orientation

import { useState, useEffect } from 'react';

const useDeviceOrientation = () => {
  const [orientation, setOrientation] = useState({
    absolute: null,
    alpha: null,
    beta: null,
    gamma: null
  });

  const handleOrientationChange = ({
    absolute = null,
    alpha = null,
    beta = null,
    gamma = null
  }) => {
    setOrientation({
      absolute,
      alpha,
      beta,
      gamma
    });
  };

  useEffect(() => {
    window.addEventListener('deviceorientation', handleOrientationChange, true);
    return () => {
      window.removeEventListener('deviceorientation', handleOrientationChange);
    };
  }, []);
  return orientation;
};

export default useDeviceOrientation;