Merge pull request Expensify#67518 from software-mansion-labs/feat/reduce-confirm-modal-initial-render-count

Reduce confirm modal initial render count

Author: mountiny

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';
@@ -153,6 +154,14 @@ function ConfirmModal({
     const {isSmallScreenWidth} = useResponsiveLayout();
     const styles = useThemeStyles();
 
+    // Previous state needed for exiting animation to play correctly.
+    const prevVisible = usePrevious(isVisible);
+
+    // Perf: Prevents from rendering whole confirm modal on initial render.
+    if (!isVisible && !prevVisible) {
+        return null;
+    }
+
     return (
         <Modal
             onClose={onCancel}