Reduce confirm modal inital render count

Author: jmusial

src/components/ConfirmModal.tsx

@@ -1,6 +1,7 @@
 import type {ReactNode} from 'react';
 import React from 'react';
 import type {StyleProp, TextStyle, ViewStyle} from 'react-native';
+import usePrevious from '@hooks/usePrevious';
 import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useThemeStyles from '@hooks/useThemeStyles';
 import CONST from '@src/CONST';
@@ -152,6 +153,12 @@ function ConfirmModal({
     // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth
     const {isSmallScreenWidth} = useResponsiveLayout();
     const styles = useThemeStyles();
+    // Previous state needed for exiting animation to play correctly.
+    const prevVisible = usePrevious(isVisible);
+    if (!isVisible && !prevVisible) {
+        // eslint-disable-next-line react/jsx-no-useless-fragment
+        return null;
+    }
 
     return (
         <Modal