refactor: use hook instead of HOC for useWindowDimensions

src/components/LHNOptionsList/OptionRowLHN.js

@@ -26,6 +26,7 @@ import * as ReportUtils from '../../libs/ReportUtils';
 import useLocalize from '../../hooks/useLocalize';
 import Permissions from '../../libs/Permissions';
 import Tooltip from '../Tooltip';
+import useWindowDimensions from '../../hooks/useWindowDimensions';
 
 const propTypes = {
     /** Style for hovered state */
@@ -67,6 +68,7 @@ const defaultProps = {
 function OptionRowLHN(props) {
     const popoverAnchor = useRef(null);
     const isFocusedRef = useRef(true);
+    const {isSmallScreenWidth} = useWindowDimensions();
 
     const {translate} = useLocalize();
 
@@ -113,7 +115,7 @@ function OptionRowLHN(props) {
         useCallback(() => {
             isFocusedRef.current = true;
             return () => {
-                if (!props.isSmallScreenWidth) {
+                if (!isSmallScreenWidth) {
                     return;
                 }
                 isFocusedRef.current = false;

src/components/LHNOptionsList/OptionRowLHNData.js

@@ -18,7 +18,6 @@ import * as TransactionUtils from '../../libs/TransactionUtils';
 import participantPropTypes from '../participantPropTypes';
 import CONST from '../../CONST';
 import reportActionPropTypes from '../../pages/home/report/reportActionPropTypes';
-import withWindowDimensions, {windowDimensionsPropTypes} from '../withWindowDimensions';
 
 const propTypes = {
     /** If true will disable ever setting the OptionRowLHN to focused */
@@ -54,7 +53,6 @@ const propTypes = {
     }),
 
     ...withCurrentReportIDPropTypes,
-    ...windowDimensionsPropTypes,
     ...basePropTypes,
 };
 
@@ -217,6 +215,5 @@ export default React.memo(
                     `${ONYXKEYS.COLLECTION.TRANSACTION}${lodashGet(parentReportActions, [fullReport.parentReportActionID, 'originalMessage', 'IOUTransactionID'], '')}`,
             },
         }),
-        withWindowDimensions,
     )(OptionRowLHNData),
 );