useOrientation.ts

import * as React from 'react';

export default function useOrientation() {
  const [orientation, setOrientation] = React.useState({
    angle: 0,
    type: 'UNKNOWN',
  });

  React.useLayoutEffect(() => {
    const handleChange = () => {
      const { angle, type } = window.screen.orientation;

      setOrientation({
        angle,
        type,
      });
    };

    if (window.screen?.orientation) {
      handleChange();
      window.screen.orientation.addEventListener('change', handleChange);
    }

    return () => {
      if (window.screen?.orientation) {
        window.screen.orientation.removeEventListener('change', handleChange);
      }
    };
  }, []);

  return orientation;
}

https://stackblitz.com/edit/stackblitz-starters-qhuscc?file=src%2FuseOrientation.ts