React Native HOC (Higher Order Component) that adds 'orientation' and 'isLandscape' props to the component

withOrientation.js

import React, { useState, useEffect } from 'react';
import { Dimensions } from 'react-native';

const getOrientation = () => Dimensions.get('window').width < Dimensions.get('window').height ? 'portrait' : 'landscape';

export default function withOrientation(WrappedComponent) {

  return function (props) {
    const [orientation, setOrientation] = useState(getOrientation());

    useEffect(() => {
      Dimensions.addEventListener('change', () => setOrientation(getOrientation()));
      return () => Dimensions.removeEventListener('change');
    }, [])

    return <WrappedComponent {...props} orientation={orientation} isLandscape={orientation === 'landscape'} />;
  };
}