react-hooks-bank/lib/useOrientation.js

A collection of **powerful, reusable custom React hooks** for complex, non-trivial interactions that go beyond React’s native features.

import { useEffect, useState } from "react";
export function useOrientation() {
    var getOrientation = function () {
        var orientation = window.screen.orientation || {
            type: "unknown",
            angle: 0,
        };
        return {
            type: orientation.type,
            angle: orientation.angle,
        };
    };
    var _a = useState(getOrientation()), orientation = _a[0], setOrientation = _a[1];
    useEffect(function () {
        var handler = function () { return setOrientation(getOrientation()); };
        window.addEventListener("orientationchange", handler);
        return function () { return window.removeEventListener("orientationchange", handler); };
    }, []);
    return orientation;
}