Upgrade expo to 51.0.11

generators/react-native/generator.mjs

@@ -163,6 +163,9 @@ export default class extends BaseApplicationGenerator {
 
   get [BaseApplicationGenerator.PREPARING]() {
     return this.asPreparingTaskGroup({
+      dependencies({ application }) {
+        this.loadNodeDependenciesFromPackageJson(application.nodeDependencies, this.templatePath('../resources/expo/package.json'));
+      },
       preparingPatchInFile() {
         this.patchInFile = patchInFile.bind(this);
       },

generators/react-native/resources/expo/package.json

@@ -7,35 +7,36 @@
     "update-dependencies": "npm install && npx expo install --fix && rm -rf package-lock.json node_modules"
   },
   "dependencies": {
-    "@expo/vector-icons": "^13.0.0",
-    "@react-native-async-storage/async-storage": "1.18.2",
-    "@react-native-community/datetimepicker": "7.2.0",
-    "@react-native-masked-view/masked-view": "0.2.9",
-    "@react-native-picker/picker": "2.4.10",
+    "@expo/metro-runtime": "~3.2.1",
+    "@expo/vector-icons": "^14.0.0",
+    "@react-native-async-storage/async-storage": "1.23.1",
+    "@react-native-community/datetimepicker": "8.0.1",
+    "@react-native-masked-view/masked-view": "0.3.1",
+    "@react-native-picker/picker": "2.7.5",
     "@react-navigation/devtools": "6.0.26",
-    "expo": "49.0.21",
-    "expo-auth-session": "~5.0.2",
-    "expo-constants": "~14.4.2",
-    "expo-image-picker": "~14.3.2",
-    "expo-linking": "~5.0.2",
-    "expo-random": "~13.2.0",
-    "expo-splash-screen": "~0.20.5",
-    "expo-status-bar": "~1.6.0",
-    "expo-web-browser": "~12.3.2",
+    "expo": "51.0.11",
+    "expo-auth-session": "~5.5.2",
+    "expo-constants": "~16.0.2",
+    "expo-image-picker": "~15.0.5",
+    "expo-linking": "~6.3.1",
+    "expo-random": "~14.0.1",
+    "expo-splash-screen": "~0.27.5",
+    "expo-status-bar": "~1.12.1",
+    "expo-web-browser": "~13.0.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-native": "0.72.10",
-    "react-native-gesture-handler": "~2.12.0",
-    "react-native-reanimated": "~3.3.0",
-    "react-native-safe-area-context": "4.6.3",
-    "react-native-screens": "~3.22.0",
+    "react-native": "0.74.2",
+    "react-native-gesture-handler": "~2.16.1",
+    "react-native-reanimated": "~3.10.1",
+    "react-native-safe-area-context": "4.10.1",
+    "react-native-screens": "3.31.1",
     "react-native-web": "~0.19.12"
   },
   "devDependencies": {
     "@babel/core": "^7.24.7",
     "@react-native-community/cli-server-api": "13.6.9",
     "@types/react": "~18.2.65",
-    "jest-expo": "^49.0.0",
-    "typescript": "^5.4.5"
+    "jest-expo": "~51.0.1",
+    "typescript": "~5.3.3"
   }
 }

generators/react-native/templates/App.js.ejs

@@ -1,13 +1,14 @@
 import * as React from 'react';
 import { Provider } from 'react-redux';
+import { registerRootComponent } from 'expo';
 import createStore from './app/shared/reducers';
 import * as SplashScreen from 'expo-splash-screen';
 
 import NavContainer from './app/navigation/nav-container';
 
 const store = createStore();
 
-export default function App() {
+function App() {
   // prevent the splashscreen from disappearing until the redux store is completely ready (hidden in nav-container.js)
   const [displayApp, setDisplayApp] = React.useState(false);
   React.useEffect(() => {
@@ -24,3 +25,5 @@ export default function App() {
     </Provider>
   ) : null;
 }
+
+export default registerRootComponent(App);

generators/react-native/templates/e2e/scripts/download-expo.sh.ejs

@@ -17,7 +17,7 @@ if [ ! -d $APP_PATH ]; then
   mkdir $APP_PATH
 
   # query expo.io to find most recent ipaUrl
-  IPA_URL=$(curl --silent --show-error https://expo.io/--/api/v2/versions | jq -r '.sdkVersions."49.0.0".iosClientUrl')
+  IPA_URL=$(curl --silent --show-error https://expo.io/--/api/v2/versions | jq -r '.sdkVersions."50.0.0".iosClientUrl')
 
   # download tar.gz
   TMP_PATH=./exponent.tar.gz

generators/react-native/templates/e2e/utils.js.ejs

@@ -81,7 +81,7 @@ const toggleSwitchToValue = async (switchId, targetValue) => {
 const scrollTo = async (fieldId, listId, size = 0.15, direction = 'up', speed = 'slow') => {
   await waitFor(element(by.id(fieldId)))
     .toBeVisible()
-    .whileElement(by.type('ABI49_0_0RCTScrollView').withAncestor(by.id(listId)))
+    .whileElement(by.type('ABI<%- nodeDependencies.expo.split('.')[0] %>_0_0RCTScrollView').withAncestor(by.id(listId)))
     .scroll(500, 'down');
 };
 
@@ -143,7 +143,7 @@ const reloadApp = async (bailOnFailure) => {
       url: expoPublishedUrl,
       newInstance: true,
       launchArgs: {
-        detoxEnableSynchronization: false,
+        // detoxEnableSynchronization: false,
         // Don't show developer menu.
         EXKernelDisableNuxDefaultsKey: true,
       },

generators/react-native/templates/package.json

@@ -33,7 +33,7 @@
   },
   "devDependencies": {
     "@babel/runtime": "7.24.7",
-    "@config-plugins/detox": "6.0.0",
+    "@config-plugins/detox": "8.0.0",
     "@react-native-community/eslint-config": "3.2.0",
     "@redux-devtools/extension": "3.3.0",
     "@storybook/addons": "7.6.17",

generators/react-native/templates/package.json.ejs

@@ -27,6 +27,7 @@
   },
   "dependencies": {
     "@expo/vector-icons": "EXPO_REPLACE_WITH_VERSION",
+    "@expo/metro-runtime": "EXPO_REPLACE_WITH_VERSION",
     "@react-native-async-storage/async-storage": "EXPO_REPLACE_WITH_VERSION",
     "@react-native-community/datetimepicker": "EXPO_REPLACE_WITH_VERSION",
     "@react-native-masked-view/masked-view": "EXPO_REPLACE_WITH_VERSION",