chore(mobile): Upgrade to Expo 57

Keep the workspace on React 19.2 while aligning mobile with the latest supported native runtime.

Generated-By: PostHog Code
Task-Id: c1bbe3cf-742b-4b24-bf96-d11a18b4cf22

Author: richardsolomou

apps/code/package.json

@@ -145,8 +145,8 @@
     "node-pty": "1.1.0",
     "posthog-node": "^5.35.6",
     "radix-themes-tw": "0.2.3",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
     "react-hotkeys-hook": "^4.4.4",
     "react-scan": "^0.5.6",
     "reflect-metadata": "^0.2.2",

apps/mobile/app.json

@@ -5,15 +5,8 @@
     "version": "1.0.0",
     "orientation": "portrait",
     "userInterfaceStyle": "automatic",
-    "newArchEnabled": true,
-    "bundler": "metro",
     "scheme": "posthog",
     "icon": "./assets/app-icon.png",
-    "splash": {
-      "image": "./assets/splash-icon.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#0f0f0f"
-    },
     "ios": {
       "icon": "./assets/app.icon",
       "supportsTablet": true,
@@ -33,7 +26,6 @@
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#FFFFFF"
       },
-      "edgeToEdgeEnabled": true,
       "predictiveBackGestureEnabled": false,
       "package": "com.posthog.code.mobile",
       "permissions": [
@@ -60,12 +52,7 @@
     },
     "plugins": [
       "expo-router",
-      [
-        "expo-av",
-        {
-          "microphonePermission": "Allow PostHog to use your microphone for voice-to-text input"
-        }
-      ],
+      "expo-audio",
       [
         "expo-camera",
         {
@@ -120,7 +107,18 @@
           "microphonePermission": "Allow PostHog to use your microphone for voice-to-text input",
           "speechRecognitionPermission": "Allow PostHog to transcribe your voice input on-device"
         }
-      ]
+      ],
+      "expo-secure-store",
+      [
+        "expo-splash-screen",
+        {
+          "image": "./assets/splash-icon.png",
+          "resizeMode": "contain",
+          "backgroundColor": "#0f0f0f"
+        }
+      ],
+      "expo-status-bar",
+      "expo-web-browser"
     ],
     "extra": {
       "router": {},

apps/mobile/package.json

@@ -23,8 +23,25 @@
     "format": "biome format --write .",
     "clean": "node ../../scripts/rimraf.mjs .turbo .expo"
   },
+  "expo": {
+    "doctor": {
+      "reactNativeDirectoryCheck": {
+        "exclude": [
+          "posthog-react-native-session-replay"
+        ]
+      }
+    },
+    "install": {
+      "exclude": [
+        "react",
+        "react-dom",
+        "typescript"
+      ]
+    }
+  },
   "dependencies": {
-    "@expo/ui": "0.2.0-beta.9",
+    "@expo/metro-runtime": "~57.0.7",
+    "@expo/ui": "57.0.7",
     "@modelcontextprotocol/ext-apps": "^1.2.2",
     "@modelcontextprotocol/sdk": "^1.29.0",
     "@posthog/api-client": "workspace:*",
@@ -34,48 +51,49 @@
     "@react-native-community/netinfo": "^12.0.1",
     "@tanstack/react-query": "^5.90.12",
     "date-fns": "^4.1.0",
-    "expo": "~54.0.27",
-    "expo-application": "~7.0.8",
-    "expo-auth-session": "^7.0.10",
-    "expo-av": "~16.0.8",
-    "expo-camera": "^55.0.15",
-    "expo-clipboard": "^55.0.13",
-    "expo-constants": "~18.0.11",
-    "expo-crypto": "^15.0.8",
-    "expo-dev-client": "~6.0.20",
-    "expo-device": "~8.0.10",
-    "expo-document-picker": "~14.0.8",
-    "expo-file-system": "~19.0.21",
-    "expo-font": "^14.0.10",
-    "expo-glass-effect": "~0.1.8",
-    "expo-haptics": "^55.0.14",
-    "expo-image-picker": "~17.0.11",
-    "expo-linear-gradient": "^15.0.8",
-    "expo-linking": "~8.0.10",
-    "expo-localization": "~17.0.8",
-    "expo-notifications": "~0.32.12",
-    "expo-router": "~6.0.17",
-    "expo-secure-store": "^15.0.8",
-    "expo-speech-recognition": "^3.1.2",
-    "expo-splash-screen": "~31.0.12",
-    "expo-status-bar": "~3.0.9",
-    "expo-system-ui": "~6.0.9",
-    "expo-web-browser": "^15.0.10",
+    "expo": "~57.0.8",
+    "expo-application": "~57.0.2",
+    "expo-audio": "~57.0.3",
+    "expo-auth-session": "^57.0.5",
+    "expo-camera": "^57.0.3",
+    "expo-clipboard": "^57.0.1",
+    "expo-constants": "~57.0.7",
+    "expo-crypto": "^57.0.1",
+    "expo-dev-client": "~57.0.9",
+    "expo-device": "~57.0.1",
+    "expo-document-picker": "~57.0.1",
+    "expo-file-system": "~57.0.1",
+    "expo-font": "^57.0.1",
+    "expo-glass-effect": "~57.0.1",
+    "expo-haptics": "^57.0.1",
+    "expo-image-picker": "~57.0.6",
+    "expo-linear-gradient": "^57.0.1",
+    "expo-linking": "~57.0.4",
+    "expo-localization": "~57.0.1",
+    "expo-notifications": "~57.0.7",
+    "expo-router": "~57.0.8",
+    "expo-secure-store": "^57.0.1",
+    "expo-speech-recognition": "^56.0.1",
+    "expo-splash-screen": "~57.0.5",
+    "expo-status-bar": "~57.0.1",
+    "expo-system-ui": "~57.0.1",
+    "expo-web-browser": "^57.0.2",
     "highlight.js": "^11.11.1",
     "nativewind": "^4.2.1",
     "phosphor-react-native": "^3.0.2",
     "posthog-react-native": "^4.18.0",
     "posthog-react-native-session-replay": "^1.6.0",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-keyboard-controller": "1.18.5",
-    "react-native-reanimated": "~4.1.1",
-    "react-native-safe-area-context": "~5.6.2",
-    "react-native-screens": "~4.16.0",
-    "react-native-svg": "^15.15.1",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "react-native": "0.86.0",
+    "react-native-keyboard-controller": "1.21.9",
+    "react-native-reanimated": "~4.5.0",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-screens": "~4.26.2",
+    "react-native-svg": "^15.15.4",
     "react-native-web": "^0.21.2",
-    "react-native-webview": "^13.13.5",
+    "react-native-webview": "^13.16.1",
+    "react-native-worklets": "0.10.0",
     "zustand": "^4.5.7"
   },
   "devDependencies": {
@@ -84,7 +102,7 @@
     "@types/react-test-renderer": "^19.1.0",
     "@vitejs/plugin-react": "^4.7.0",
     "react-native-svg-transformer": "^1.5.3",
-    "react-test-renderer": "19.1.0",
+    "react-test-renderer": "19.2.6",
     "tailwindcss": "^3.4.18",
     "typescript": "~5.9.2",
     "vite": "^6.4.1",

apps/mobile/src/features/tasks/utils/sounds.ts

@@ -1,4 +1,4 @@
-import { Audio } from "expo-av";
+import { createAudioPlayer, setAudioModeAsync } from "expo-audio";
 import {
   type CompletionSound,
   usePreferencesStore,
@@ -36,7 +36,7 @@ let audioModeConfigured = false;
 
 async function ensureAudioMode(): Promise<void> {
   if (audioModeConfigured) return;
-  await Audio.setAudioModeAsync({ playsInSilentModeIOS: true });
+  await setAudioModeAsync({ playsInSilentMode: true });
   audioModeConfigured = true;
 }
 
@@ -49,15 +49,15 @@ export async function playCompletionSound(
   const which = sound ?? prefs.completionSound;
   const vol = (volume ?? prefs.completionVolume) / 100;
   await ensureAudioMode();
-  const { sound: player } = await Audio.Sound.createAsync(SOUND_ASSETS[which], {
-    shouldPlay: true,
-    volume: Math.max(0, Math.min(1, vol)),
-    rate: playbackRate,
-    shouldCorrectPitch: false,
-  });
-  player.setOnPlaybackStatusUpdate((status) => {
-    if (status.isLoaded && status.didJustFinish) {
-      player.unloadAsync();
+  const player = createAudioPlayer(SOUND_ASSETS[which]);
+  player.volume = Math.max(0, Math.min(1, vol));
+  player.shouldCorrectPitch = false;
+  player.playbackRate = playbackRate;
+  const subscription = player.addListener("playbackStatusUpdate", (status) => {
+    if (status.didJustFinish) {
+      subscription.remove();
+      player.remove();
     }
   });
+  player.play();
 }

apps/web/package.json

@@ -29,8 +29,8 @@
     "@trpc/server": "^11.17.0",
     "@trpc/tanstack-react-query": "^11.17.0",
     "inversify": "^7.10.6",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
     "reflect-metadata": "^0.2.2",
     "superjson": "catalog:",
     "zod": "^4.4.3"