Complete Expo SDK 56 upgrade

- Upgrade expo, expo-router, expo-dev-client, expo-crypto, expo-localization,
  expo-location, expo-navigation-bar, expo-notifications, expo-secure-store,
  expo-status-bar, expo-system-ui, expo-web-browser to SDK 56 versions
- Upgrade react-native 0.83.4 → 0.85.3
- Upgrade TypeScript 5.9 → 6.0.3 (required by SDK 56)
- Add react-native-worklets (required peer dep for react-native-reanimated)
- Remove expo-dev-menu as a direct dependency (transitive, managed by Expo)
- Move splash config from top-level ExpoConfig to expo-splash-screen plugin
  (ExpoConfig.splash was removed in SDK 56 types)
- Add expo-localization and expo-splash-screen to plugins array
- Fix metro.config.js watchFolders to merge with Expo defaults instead of
  overwriting them (fixes expo-doctor Metro config check)
- Add types: ["jest"] to tsconfig.json (required for jest globals in TS 6)
- Exclude @sentry/react-native from Expo version validation (bundledNativeModules
  has a stale entry; Sentry 8.x officially supports Expo 51+ and RN 0.73+)

expo-doctor: 18/18 checks passed

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/mobile/app.config.ts

@@ -1,7 +1,5 @@
 import { ExpoConfig, ConfigContext } from "expo/config";
 
-// `newArchEnabled` isn't in the Expo SDK 55 typings yet but is an
-// accepted runtime flag. MapLibre RN v11 requires the new architecture.
 type ExpoConfigWithNewArch = ExpoConfig & { newArchEnabled?: boolean };
 
 export default ({ config }: ConfigContext): ExpoConfigWithNewArch => ({
@@ -14,11 +12,6 @@ export default ({ config }: ConfigContext): ExpoConfigWithNewArch => ({
   orientation: "portrait",
   icon: "./assets/icon.png",
   userInterfaceStyle: "light",
-  splash: {
-    image: "./assets/splash-icon.png",
-    resizeMode: "contain",
-    backgroundColor: "#ffffff",
-  },
   ios: {
     supportsTablet: true,
     bundleIdentifier: "cool.trails.app",
@@ -41,6 +34,12 @@ export default ({ config }: ConfigContext): ExpoConfigWithNewArch => ({
   },
   plugins: [
     "expo-router",
+    "expo-localization",
+    ["expo-splash-screen", {
+      image: "./assets/splash-icon.png",
+      resizeMode: "contain",
+      backgroundColor: "#ffffff",
+    }],
     "expo-secure-store",
     "expo-web-browser",
     "@maplibre/maplibre-react-native",

apps/mobile/metro.config.js

@@ -6,8 +6,8 @@ const monorepoRoot = path.resolve(projectRoot, "../..");
 
 const config = getDefaultConfig(projectRoot);
 
-// Watch all files in the monorepo
-config.watchFolders = [monorepoRoot];
+// Watch all files in the monorepo (merge with Expo defaults)
+config.watchFolders = [...(config.watchFolders ?? []), monorepoRoot];
 
 // Resolve modules from both the project and monorepo root
 config.resolver.nodeModulesPaths = [

apps/mobile/package.json

@@ -6,7 +6,8 @@
   "expo": {
     "install": {
       "exclude": [
-        "react"
+        "react",
+        "@sentry/react-native"
       ]
     }
   },
@@ -40,31 +41,31 @@
     "@trails-cool/map-core": "workspace:*",
     "@trails-cool/sentry-config": "workspace:*",
     "@trails-cool/types": "workspace:*",
-    "expo": "~55.0.24",
+    "expo": "~56.0.4",
     "expo-constants": "~56.0.15",
-    "expo-crypto": "~55.0.15",
-    "expo-dev-client": "~55.0.34",
-    "expo-dev-menu": "^56.0.14",
+    "expo-crypto": "~56.0.3",
+    "expo-dev-client": "~56.0.15",
     "expo-device": "~56.0.4",
     "expo-file-system": "~56.0.7",
     "expo-linking": "~56.0.11",
-    "expo-localization": "~55.0.14",
-    "expo-location": "~55.1.10",
-    "expo-navigation-bar": "~55.0.13",
-    "expo-notifications": "~55.0.23",
-    "expo-router": "~55.0.14",
-    "expo-secure-store": "~55.0.14",
+    "expo-localization": "~56.0.6",
+    "expo-location": "~56.0.13",
+    "expo-navigation-bar": "~56.0.3",
+    "expo-notifications": "~56.0.13",
+    "expo-router": "~56.2.6",
+    "expo-secure-store": "~56.0.4",
     "expo-splash-screen": "~56.0.10",
     "expo-sqlite": "~56.0.4",
-    "expo-status-bar": "~55.0.6",
-    "expo-system-ui": "^55.0.18",
-    "expo-web-browser": "~55.0.16",
+    "expo-status-bar": "~56.0.4",
+    "expo-system-ui": "^56.0.5",
+    "expo-web-browser": "~56.0.5",
     "react": "catalog:",
-    "react-native": "0.83.4",
+    "react-native": "0.85.3",
     "react-native-gesture-handler": "^2.31.2",
     "react-native-reanimated": "^4.3.1",
-    "react-native-safe-area-context": "~5.8.0",
+    "react-native-safe-area-context": "~5.7.0",
     "react-native-screens": "~4.25.2",
+    "react-native-worklets": "0.8.3",
     "use-latest-callback": "^0.3.4",
     "zod": "^4.4.3"
   },
@@ -74,6 +75,6 @@
     "@types/react": "~19.2.15",
     "jest-expo": "^56.0.4",
     "react-test-renderer": "^19.2.6",
-    "typescript": "~5.9.2"
+    "typescript": "~6.0.3"
   }
 }

apps/mobile/tsconfig.json

@@ -3,6 +3,7 @@
   "compilerOptions": {
     "strict": true,
     "allowImportingTsExtensions": true,
-    "lib": ["DOM", "DOM.Iterable", "ESNext"]
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "types": ["jest"]
   }
 }