chore: upgrade to Expo SDK 55 (#424)

hb2708 · web-flow · commit 2df34516b0e6 · 2026-03-06T13:12:24.000+01:00
* chore: upgrade to Expo SDK 55

- Upgrade expo to ^55.0.0, react to 19.2.0, react-native to 0.83.2
- Enable React Compiler (experiments.reactCompiler: true)
- Remove redundant config: newArchEnabled, jsEngine (both are defaults)
- Remove implicit deps: @babel/core, babel-preset-expo, expo-constants
- Replace legacy sentry-expo hook with @sentry/react-native/expo plugin
- Add required config plugins: datetimepicker, sentry, expo-sharing
- Update safe deps: moment, react-native-collapsible, eslint-plugin-react,
  eslint-plugin-import, @types/react-native-vector-icons, @types/webpack-env

* fix: NO Emission scroll on android
Add dynamic bottom padding to the `NoEmission` `ScrollView` content using `useTabBarBottomPadding`.
diff --git a/app.config.js b/app.config.js
@@ -17,9 +17,14 @@ module.exports = () => {
           "microphonePermission": "Allow $(PRODUCT_NAME) to access your microphone",
           "recordAudioAndroid": true
         }
-      ]
+      ],
+      "@react-native-community/datetimepicker",
+      ["@sentry/react-native/expo", {
+        "organization": process.env.SENTRY_ORG || "nmf",
+        "project": process.env.SENTRY_PROJECT || "nmf-earth",
+      }],
+      "expo-sharing"
     ],
-    newArchEnabled: true,
     slug: "not-my-fault-earth",
     privacy: "public",
     platforms: ["ios", "android"],
@@ -34,7 +39,6 @@ module.exports = () => {
       fallbackToCacheTimeout: 0,
     },
     assetBundlePatterns: ["**/*"],
-    jsEngine: "hermes",
     ios: {
       icon: "./assets/images/ios.icon.png",
       bundleIdentifier: "nmf.earth",
@@ -46,21 +50,14 @@ module.exports = () => {
       package: "nmf.earth",
       versionCode: buildNumber,
     },
-    hooks: {
-      postPublish: [
-        {
-          file: "sentry-expo/upload-sourcemaps",
-          config: {
-            organization: "nmf",
-            project: "nmf-earth",
-          },
-        },
-      ],
-    },
+
     extra: {
       eas: {
         projectId: "9e1873d6-966a-49a3-83bc-10254ac6fb27"
       }
+    },
+    experiments: {
+      reactCompiler: true
     }
   };
 };
diff --git a/app/components/NoEmission/NoEmission.tsx b/app/components/NoEmission/NoEmission.tsx
@@ -4,6 +4,7 @@ import { useNavigation } from "@react-navigation/native";
 
 import { t } from "utils";
 import { navigate } from "navigation";
+import { useTabBarBottomPadding } from "hooks/useTabBarBottomPadding";
 
 import Text from "../Text";
 import StickersImage from "../StickersImage";
@@ -13,9 +14,14 @@ import styles from "./NoEmission.styles";
 const NoEmission: React.FC = () => {
   const navigation = useNavigation();
   const navigator = navigate(navigation);
+  const bottomPadding = useTabBarBottomPadding();
 
   return (
-    <ScrollView style={styles.container} contentInsetAdjustmentBehavior="automatic">
+    <ScrollView
+      style={styles.container}
+      contentInsetAdjustmentBehavior="automatic"
+      contentContainerStyle={{ paddingBottom: bottomPadding }}
+    >
       <StickersImage sticker="earth" />
       <View style={styles.textView}>
         <Text.H1 style={styles.header}>{t("NO_EMISSION_COMPONENT_TITLE")}</Text.H1>
diff --git a/app/components/NoEmission/__tests__/__snapshots__/NoEmissions.test.tsx.snap b/app/components/NoEmission/__tests__/__snapshots__/NoEmissions.test.tsx.snap
@@ -2,6 +2,11 @@
 
 exports[`renders correctly NoEmission 1`] = `
 <ScrollView
+  contentContainerStyle={
+    {
+      "paddingBottom": 0,
+    }
+  }
   contentInsetAdjustmentBehavior="automatic"
   ref={null}
   style={
diff --git a/package.json b/package.json
@@ -29,89 +29,87 @@
     "@expo/vector-icons": "^15.0.3",
     "@native-html/render": "^1.0.0-alpha.0",
     "@react-native-async-storage/async-storage": "2.2.0",
-    "@react-native-community/datetimepicker": "8.4.4",
-    "@react-native-community/slider": "5.0.1",
+    "@react-native-community/datetimepicker": "8.6.0",
+    "@react-native-community/slider": "5.1.2",
     "@react-native-masked-view/masked-view": "0.3.2",
     "@react-navigation/bottom-tabs": "^7.8.12",
     "@react-navigation/material-top-tabs": "^7.4.10",
     "@react-navigation/native": "^7.1.25",
     "@react-navigation/native-stack": "^7.2.0",
     "@react-navigation/stack": "^7.6.12",
     "@reduxjs/toolkit": "1.8.6",
-    "@sentry/react-native": "~7.2.0",
+    "@sentry/react-native": "~7.11.0",
     "babel-plugin-module-resolver": "^5.0.2",
     "carbon-footprint": "1.6.0",
-    "expo": "~54.0.29",
-    "expo-application": "~7.0.8",
-    "expo-asset": "~12.0.11",
-    "expo-camera": "~17.0.10",
-    "expo-constants": "~18.0.12",
-    "expo-device": "~8.0.10",
-    "expo-document-picker": "~14.0.8",
-    "expo-file-system": "~19.0.21",
-    "expo-font": "~14.0.10",
-    "expo-linking": "~8.0.10",
-    "expo-localization": "~17.0.8",
-    "expo-notifications": "~0.32.15",
-    "expo-sharing": "~14.0.8",
-    "expo-status-bar": "~3.0.9",
-    "expo-store-review": "~9.0.9",
-    "expo-updates": "~29.0.15",
-    "expo-web-browser": "~15.0.10",
+    "expo": "^55.0.0",
+    "expo-application": "~55.0.8",
+    "expo-asset": "~55.0.8",
+    "expo-camera": "~55.0.9",
+    "expo-device": "~55.0.9",
+    "expo-document-picker": "~55.0.8",
+    "expo-file-system": "~55.0.10",
+    "expo-font": "~55.0.4",
+    "expo-linking": "~55.0.7",
+    "expo-localization": "~55.0.8",
+    "expo-notifications": "~55.0.10",
+    "expo-sharing": "~55.0.11",
+    "expo-status-bar": "~55.0.4",
+    "expo-store-review": "~55.0.8",
+    "expo-updates": "~55.0.12",
+    "expo-web-browser": "~55.0.9",
     "i18n-js": "3.5.1",
     "lodash.throttle": "4.1.1",
-    "moment": "2.24.0",
+    "moment": "2.30.1",
     "ramda": "0.27.0",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-collapsible": "1.5.2",
-    "react-native-gesture-handler": "~2.28.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-native": "0.83.2",
+    "react-native-collapsible": "1.6.2",
+    "react-native-gesture-handler": "~2.30.0",
     "react-native-globalize": "4.5.1",
     "react-native-keyboard-aware-scroll-view": "0.9.5",
     "react-native-modal-datetime-picker": "14.0.1",
-    "react-native-pager-view": "6.9.1",
+    "react-native-pager-view": "8.0.0",
     "react-native-progress": "5.0.1",
-    "react-native-reanimated": "~4.1.1",
+    "react-native-reanimated": "4.2.1",
+    "react-native-render-html": "^6.3.4",
     "react-native-safe-area-context": "~5.6.0",
-    "react-native-screens": "4.19.0",
-    "react-native-svg": "15.12.1",
-    "react-native-worklets": "0.5.1",
+    "react-native-screens": "~4.23.0",
+    "react-native-svg": "15.15.3",
+    "react-native-worklets": "0.7.2",
     "react-redux": "8.0.4",
     "redux": "4.2.0",
     "redux-persist": "6.0.0",
     "redux-thunk": "2.4.1",
     "uuid": "3.4.0"
   },
   "devDependencies": {
-    "@babel/core": "7.26.0",
     "@testing-library/react-native": "14.0.0-alpha.1",
     "@types/i18n-js": "3.0.2",
     "@types/jest": "29.5.14",
     "@types/node": "18.11.7",
     "@types/ramda": "0.26.39",
-    "@types/react": "~19.1.10",
+    "@types/react": "~19.2.10",
     "@types/react-dom": "~19.1.7",
-    "@types/react-native-vector-icons": "6.4.6",
+    "@types/react-native-vector-icons": "6.4.18",
     "@types/uuid": "3.4.6",
-    "@types/webpack-env": "1.18.0",
+    "@types/webpack-env": "1.18.8",
     "@typescript-eslint/eslint-plugin": "^8.49.0",
     "@typescript-eslint/parser": "^8.49.0",
-    "babel-preset-expo": "~54.0.0",
     "dotenv": "16.0.3",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-import-resolver-typescript": "3.5.2",
-    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jest": "27.1.3",
     "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-react": "7.31.10",
+    "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "4.6.0",
     "front-matter": "3.1.0",
     "glob": "7.1.6",
     "husky": "4.2.5",
     "jest": "~29.7.0",
-    "jest-expo": "~54.0.16",
+    "jest-expo": "~55.0.9",
     "markdown-it": "10.0.0",
     "mockdate": "3.0.5",
     "prettier": "2.1.2",
diff --git a/yarn.lock b/yarn.lock
