react-hook-device-orientation/src/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