feat(example): update with-react-native-web, Expo SDK 52 (#10466)

Updated sdk and installed compatible packages

### Description

Updated expo to SDK 52 and corresponding native dependencies to
compatible versions. Following tests are done thoroughly:
- [x] expo development build
- [x] expo go
- [x] next dev
- [x] next build

Signed-off-by: shinjith-dev <[email protected]>

Author: shinjith-dev

examples/with-react-native-web/apps/native/app.json

@@ -7,6 +7,7 @@
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "userInterfaceStyle": "light",
+    "newArchEnabled": true,
     "splash": {
       "image": "./assets/splash.png",
       "resizeMode": "contain",
@@ -15,9 +16,7 @@
     "updates": {
       "fallbackToCacheTimeout": 0
     },
-    "assetBundlePatterns": [
-      "**/*"
-    ],
+    "assetBundlePatterns": ["**/*"],
     "ios": {
       "supportsTablet": true
     },
@@ -32,8 +31,6 @@
       "favicon": "./assets/favicon.png",
       "bundler": "metro"
     },
-    "plugins": [
-      "expo-router"
-    ]
+    "plugins": ["expo-router"]
   }
 }

examples/with-react-native-web/apps/native/package.json

@@ -5,30 +5,37 @@
   "main": "index.js",
   "scripts": {
     "dev": "expo start --web",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
+    "android": "expo run:android",
+    "ios": "expo run:ios",
     "web": "expo start --web",
     "eject": "expo eject"
   },
   "dependencies": {
     "@repo/ui": "*",
-    "expo": "~51.0.39",
-    "expo-constants": "~16.0.2",
-    "expo-linking": "~6.3.1",
-    "expo-router": "~3.5.24",
-    "expo-status-bar": "~1.12.1",
-    "expo-system-ui": "~3.0.7",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-native": "0.74.5",
-    "react-native-safe-area-context": "4.10.5",
-    "react-native-screens": "3.31.1",
-    "react-native-web": "~0.19.10"
+    "expo": "~52.0.46",
+    "expo-constants": "~17.0.8",
+    "expo-linking": "~7.0.5",
+    "expo-router": "~4.0.21",
+    "expo-status-bar": "~2.0.1",
+    "expo-system-ui": "~4.0.9",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-native": "0.76.9",
+    "react-native-safe-area-context": "4.12.0",
+    "react-native-screens": "~4.4.0",
+    "react-native-web": "~0.19.13"
   },
   "devDependencies": {
     "@babel/core": "^7.23.7",
-    "@expo/webpack-config": "^19.0.0",
-    "@types/react": "~18.2.14",
-    "typescript": "~5.3.3"
+    "@expo/webpack-config": "19.0.1",
+    "@types/react": "~18.3.12",
+    "typescript": "5.8.3"
+  },
+  "expo": {
+    "doctor": {
+      "reactNativeDirectoryCheck": {
+        "listUnknownPackages": false
+      }
+    }
   }
 }

examples/with-react-native-web/packages/ui/package.json

@@ -16,6 +16,6 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "react-native": "0.74.5"
+    "react-native": "0.76.9"
   }
 }