fix: replace default export with named export in SafeAreaView.web patch

Aligns with the updated approach in the upstream PR
(software-mansion/react-native-screens#3956):
the native variant has only ever had a named export, and the package's
public surface only re-exports as named, so dropping the default on web
brings everything in line.

Co-authored-by: Cursor <[email protected]>

Author: roryabraham

patches/react-native-screens/details.md

@@ -2,7 +2,7 @@
 
 ### [react-native-screens+4.25.0-beta.1.patch](react-native-screens+4.25.0-beta.1.patch)
 
-- Reason: `SafeAreaView.web.tsx` only has a `default` export, but `safe-area/index.ts` re-exports it as a named export (`export { SafeAreaView } from './SafeAreaView'`). Webpack resolves the `.web` variant for web builds, causing a `ModuleDependencyWarning` that fails the Storybook smoke test. The fix adds a named export alongside the existing default export.
+- Reason: `SafeAreaView.web.tsx` only had a `default` export, but `safe-area/index.ts` re-exports it as a named export (`export { SafeAreaView } from './SafeAreaView'`). Webpack resolves the `.web` variant for web builds, causing a `ModuleDependencyWarning` that fails the Storybook smoke test. The fix replaces the default export with a named export to match the native variant (`SafeAreaView.tsx`), which only has a named export.
 - Upstream PR/issue: https://github.com/software-mansion/react-native-screens/pull/3956 — once merged and released, bump the version and remove this patch.
 - E/App issue: 🛑
 - PR Introducing Patch: https://github.com/Expensify/App/pull/89199

patches/react-native-screens/react-native-screens+4.25.0-beta.1.patch

@@ -1,23 +1,23 @@
 diff --git a/node_modules/react-native-screens/lib/module/components/safe-area/SafeAreaView.web.js b/node_modules/react-native-screens/lib/module/components/safe-area/SafeAreaView.web.js
-index 398afe2..60f14e2 100644
+index 398afe2..2c2bb35 100644
 --- a/node_modules/react-native-screens/lib/module/components/safe-area/SafeAreaView.web.js
 +++ b/node_modules/react-native-screens/lib/module/components/safe-area/SafeAreaView.web.js
-@@ -1,4 +1,5 @@
+@@ -1,4 +1,4 @@
  import { View } from 'react-native';
  const SafeAreaView = View;
+-export default SafeAreaView;
 +export { SafeAreaView };
- export default SafeAreaView;
  //# sourceMappingURL=SafeAreaView.web.js.map
 diff --git a/node_modules/react-native-screens/src/components/safe-area/SafeAreaView.web.tsx b/node_modules/react-native-screens/src/components/safe-area/SafeAreaView.web.tsx
-index aff03a5..3398bef 100644
+index aff03a5..d822cb8 100644
 --- a/node_modules/react-native-screens/src/components/safe-area/SafeAreaView.web.tsx
 +++ b/node_modules/react-native-screens/src/components/safe-area/SafeAreaView.web.tsx
-@@ -1,5 +1,8 @@
+@@ -1,5 +1,7 @@
 +// Implementation adapted from `react-native-safe-area-context`:
 +// https://github.com/AppAndFlow/react-native-safe-area-context/blob/v5.6.1/src/SafeAreaView.tsx
  import { View } from 'react-native';
 
  const SafeAreaView = View;
 
+-export default SafeAreaView;
 +export { SafeAreaView };
- export default SafeAreaView;