chore(deps): Expo SDK 54 / RN 0.81 — Phase 1 core upgrade (JS-side)

Versions:
- expo: 53.0.0 → 54.0.34
- react-native: 0.79.6 → 0.81.5
- react: 19.0.0 → 19.1.0
- expo-router: 5.1.11 → 6.0.23 (major)
- react-native-reanimated: 4.0.0 → 4.1.7
- react-native-worklets: 0.4.0 → 0.5.1
- react-native-screens: 4.11.1 → 4.16.0
- react-native-gesture-handler: 2.24.0 → 2.28.0
- @expo/metro-runtime: 5.0.5 → 6.1.2
- @types/react: → 19.2.14
- expo-av: 15.1.7 → 16.0.8 (still deprecated, last shipping in SDK 54)

expo-file-system breaking change quick-fix:
- New SDK 54 API is class-based (File/Directory/Paths). Legacy API `cacheDirectory`
  + `EncodingType` moved to `expo-file-system/legacy` sub-export.
- 6 files updated to import from `expo-file-system/legacy` with TODO(sdk54)
  marker. Proper migration tracked as Task #14.

Smoke-test: 0 TS errors, Metro bundles 2185 modules in 5.9s.

Native binary still SDK 53 — Phase 5 prebuild --clean pending.
Branch: upgrade/sdk-54, rollback tag: pre-sdk54-upgrade

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/rebreak-native/app/lyra.tsx

@@ -23,7 +23,8 @@ import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context'
 import { useRouter } from 'expo-router';
 import { Ionicons } from '@expo/vector-icons';
 import { Audio } from 'expo-av';
-import * as FileSystem from 'expo-file-system';
+// TODO(sdk54): migrate to new expo-file-system class-based API (File/Directory/Paths) — see Task #14
+import * as FileSystem from 'expo-file-system/legacy';
 import Constants from 'expo-constants';
 import { useTranslation } from 'react-i18next';
 import { RiveAvatar, type Emotion } from '../components/RiveAvatar';

apps/rebreak-native/app/room.tsx

@@ -20,7 +20,8 @@ import { Ionicons } from '@expo/vector-icons';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useTranslation } from 'react-i18next';
 import * as ImagePicker from 'expo-image-picker';
-import * as FileSystem from 'expo-file-system';
+// TODO(sdk54): migrate to new expo-file-system class-based API (File/Directory/Paths) — see Task #14
+import * as FileSystem from 'expo-file-system/legacy';
 import { apiFetch } from '../lib/api';
 import { supabase } from '../lib/supabase';
 import { ChatBubble, type ChatMsg } from '../components/chat/ChatBubble';

apps/rebreak-native/app/urge.tsx

@@ -8,7 +8,8 @@ import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context'
 import { useRouter } from 'expo-router';
 import { Ionicons } from '@expo/vector-icons';
 import { Audio, InterruptionModeAndroid, InterruptionModeIOS } from 'expo-av';
-import * as FileSystem from 'expo-file-system';
+// TODO(sdk54): migrate to new expo-file-system class-based API (File/Directory/Paths) — see Task #14
+import * as FileSystem from 'expo-file-system/legacy';
 import Constants from 'expo-constants';
 import { useTranslation } from 'react-i18next';
 import { RiveAvatar } from '../components/RiveAvatar';

apps/rebreak-native/components/ComposeCard.tsx

@@ -11,7 +11,8 @@ import {
 import { Ionicons } from '@expo/vector-icons';
 import { useQueryClient } from '@tanstack/react-query';
 import { useTranslation } from 'react-i18next';
-import * as FileSystem from 'expo-file-system';
+// TODO(sdk54): migrate to new expo-file-system class-based API (File/Directory/Paths) — see Task #14
+import * as FileSystem from 'expo-file-system/legacy';
 import * as ImagePicker from 'expo-image-picker';
 import { apiFetch } from '../lib/api';
 import { resolveAvatar } from '../lib/resolveAvatar';

apps/rebreak-native/components/chat/ChatInput.tsx

@@ -11,7 +11,8 @@ import {
   Alert,
 } from 'react-native';
 import * as ImagePicker from 'expo-image-picker';
-import * as FileSystem from 'expo-file-system';
+// TODO(sdk54): migrate to new expo-file-system class-based API (File/Directory/Paths) — see Task #14
+import * as FileSystem from 'expo-file-system/legacy';
 import { Ionicons } from '@expo/vector-icons';
 import { useTranslation } from 'react-i18next';
 import { supabase } from '../../lib/supabase';

apps/rebreak-native/lib/sosTtsQueue.ts

@@ -15,7 +15,8 @@
 // onIdle (Queue komplett durch + nichts mehr spielt). UI-Layer kann darauf
 // `setIsSpeaking` triggern.
 import { Audio } from 'expo-av';
-import * as FileSystem from 'expo-file-system';
+// TODO(sdk54): migrate to new expo-file-system class-based API (File/Directory/Paths) — see Task #14
+import * as FileSystem from 'expo-file-system/legacy';
 import type { BenchOnMetric } from './sosTtsBenchmark';
 
 export type SosTtsFetchOpts = {

apps/rebreak-native/package.json

@@ -13,55 +13,56 @@
   },
   "dependencies": {
     "@expo-google-fonts/nunito": "^0.2.3",
+    "@expo/metro-runtime": "~6.1.2",
     "@expo/react-native-action-sheet": "^4.1.1",
-    "@expo/vector-icons": "^14.0.0",
+    "@expo/vector-icons": "^15.1.1",
     "@lodev09/react-native-true-sheet": "^3.10.1",
     "@react-native-async-storage/async-storage": "^2.1.2",
-    "@react-native-community/slider": "^5.2.0",
+    "@react-native-community/slider": "^5.0.1",
     "@react-native-menu/menu": "^2.0.0",
     "@react-native-picker/picker": "2.11.1",
     "@react-navigation/native": "^7.0.0",
     "@supabase/supabase-js": "^2.46.0",
     "@tanstack/react-query": "^5.59.0",
-    "expo": "^53.0.0",
-    "expo-apple-authentication": "~7.2.4",
-    "expo-application": "~6.1.5",
-    "expo-av": "~15.1.7",
-    "expo-build-properties": "~0.14.8",
-    "expo-clipboard": "^55.0.13",
-    "expo-constants": "~17.1.8",
-    "expo-dev-client": "~5.2.4",
-    "expo-file-system": "~18.1.11",
-    "expo-font": "~13.0.0",
-    "expo-haptics": "^55.0.14",
-    "expo-image-picker": "~16.1.4",
-    "expo-linking": "~7.1.7",
-    "expo-localization": "~16.1.6",
-    "expo-modules-core": "^2.0.0",
-    "expo-notifications": "~0.31.5",
-    "expo-router": "~5.1.11",
-    "expo-speech": "~13.1.7",
-    "expo-splash-screen": "~0.30.10",
-    "expo-status-bar": "~2.2.3",
-    "expo-web-browser": "~14.2.0",
+    "expo": "^54.0.34",
+    "expo-apple-authentication": "~8.0.8",
+    "expo-application": "~7.0.8",
+    "expo-av": "~16.0.8",
+    "expo-build-properties": "~1.0.10",
+    "expo-clipboard": "^8.0.8",
+    "expo-constants": "~18.0.13",
+    "expo-dev-client": "~6.0.21",
+    "expo-file-system": "~19.0.22",
+    "expo-font": "~14.0.11",
+    "expo-haptics": "^15.0.8",
+    "expo-image-picker": "~17.0.11",
+    "expo-linking": "~8.0.12",
+    "expo-localization": "~17.0.8",
+    "expo-modules-core": "^3.0.30",
+    "expo-notifications": "~0.32.17",
+    "expo-router": "~6.0.23",
+    "expo-speech": "~14.0.8",
+    "expo-splash-screen": "~31.0.13",
+    "expo-status-bar": "~3.0.9",
+    "expo-web-browser": "~15.0.11",
     "i18next": "^23.16.0",
-    "lottie-react-native": "7.2.2",
+    "lottie-react-native": "7.3.6",
     "nativewind": "^4.1.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "react-hook-form": "^7.53.0",
     "react-i18next": "^15.1.0",
-    "react-native": "0.79.6",
+    "react-native": "0.81.5",
     "react-native-bottom-tabs": "^1.2.0",
-    "react-native-gesture-handler": "~2.24.0",
+    "react-native-gesture-handler": "~2.28.0",
     "react-native-mmkv": "^3.1.0",
-    "react-native-reanimated": "~4.0.0",
-    "react-native-safe-area-context": "5.4.0",
-    "react-native-screens": "~4.11.1",
+    "react-native-reanimated": "~4.1.7",
+    "react-native-safe-area-context": "5.6.2",
+    "react-native-screens": "~4.16.0",
     "react-native-sse": "^1.2.1",
-    "react-native-svg": "15.11.2",
+    "react-native-svg": "15.12.1",
     "react-native-url-polyfill": "^2.0.0",
-    "react-native-worklets": "~0.4.0",
+    "react-native-worklets": "~0.5.1",
     "rive-react-native": "^9.0.1",
     "tailwindcss": "^3.4.14",
     "valibot": "^1.2.0",
@@ -69,7 +70,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.25.0",
-    "@types/react": "~19.0.14",
+    "@types/react": "~19.2.14",
     "typescript": "~5.8.3"
   }
 }