expo 55.0.0-canary-20251003-7b9d7ff → 55.0.0-canary-20251008-f2d1b4a

package/bundledNativeModules.json

@@ -1,8 +1,8 @@
 {
-  "@expo/fingerprint": "0.15.2-canary-20251003-7b9d7ff",
-  "@expo/metro-runtime": "6.1.3-canary-20251003-7b9d7ff",
+  "@expo/fingerprint": "0.15.2-canary-20251008-f2d1b4a",
+  "@expo/metro-runtime": "6.1.3-canary-20251008-f2d1b4a",
   "@expo/vector-icons": "^15.0.2",
-  "@expo/ui": "0.2.0-canary-20251003-7b9d7ff",
+  "@expo/ui": "0.2.0-canary-20251008-f2d1b4a",
   "@react-native-async-storage/async-storage": "2.2.0",
   "@react-native-community/datetimepicker": "8.4.4",
   "@react-native-masked-view/masked-view": "0.3.2",
@@ -12,84 +12,84 @@
   "@react-native-picker/picker": "2.11.2",
   "@react-native-segmented-control/segmented-control": "2.5.7",
   "@stripe/stripe-react-native": "0.50.3",
-  "eslint-config-expo": "10.0.1-canary-20251003-7b9d7ff",
+  "eslint-config-expo": "10.0.1-canary-20251008-f2d1b4a",
   "expo-analytics-amplitude": "~11.3.0",
   "expo-app-auth": "~11.1.0",
   "expo-app-loader-provider": "~8.0.0",
-  "expo-apple-authentication": "8.0.8-canary-20251003-7b9d7ff",
-  "expo-application": "7.0.8-canary-20251003-7b9d7ff",
-  "expo-asset": "12.0.10-canary-20251003-7b9d7ff",
-  "expo-audio": "1.1.0-canary-20251003-7b9d7ff",
-  "expo-auth-session": "7.0.9-canary-20251003-7b9d7ff",
-  "expo-av": "16.0.8-canary-20251003-7b9d7ff",
-  "expo-background-fetch": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-background-task": "1.0.9-canary-20251003-7b9d7ff",
-  "expo-battery": "10.0.8-canary-20251003-7b9d7ff",
-  "expo-blur": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-brightness": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-build-properties": "1.0.10-canary-20251003-7b9d7ff",
-  "expo-calendar": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-camera": "17.0.9-canary-20251003-7b9d7ff",
-  "expo-cellular": "8.0.8-canary-20251003-7b9d7ff",
-  "expo-checkbox": "5.0.8-canary-20251003-7b9d7ff",
-  "expo-clipboard": "8.0.8-canary-20251003-7b9d7ff",
-  "expo-constants": "18.0.10-canary-20251003-7b9d7ff",
-  "expo-contacts": "15.0.10-canary-20251003-7b9d7ff",
-  "expo-crypto": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-dev-client": "6.0.14-canary-20251003-7b9d7ff",
-  "expo-device": "8.0.10-canary-20251003-7b9d7ff",
-  "expo-document-picker": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-file-system": "19.0.17-canary-20251003-7b9d7ff",
-  "expo-font": "14.0.9-canary-20251003-7b9d7ff",
-  "expo-gl": "16.0.8-canary-20251003-7b9d7ff",
-  "expo-glass-effect": "0.1.5-canary-20251003-7b9d7ff",
+  "expo-apple-authentication": "8.0.8-canary-20251008-f2d1b4a",
+  "expo-application": "7.0.8-canary-20251008-f2d1b4a",
+  "expo-asset": "12.0.10-canary-20251008-f2d1b4a",
+  "expo-audio": "1.1.0-canary-20251008-f2d1b4a",
+  "expo-auth-session": "7.0.9-canary-20251008-f2d1b4a",
+  "expo-av": "16.0.8-canary-20251008-f2d1b4a",
+  "expo-background-fetch": "14.0.8-canary-20251008-f2d1b4a",
+  "expo-background-task": "1.0.9-canary-20251008-f2d1b4a",
+  "expo-battery": "10.0.8-canary-20251008-f2d1b4a",
+  "expo-blur": "15.0.8-canary-20251008-f2d1b4a",
+  "expo-brightness": "15.0.0-canary-20251008-f2d1b4a",
+  "expo-build-properties": "1.0.10-canary-20251008-f2d1b4a",
+  "expo-calendar": "15.0.8-canary-20251008-f2d1b4a",
+  "expo-camera": "17.0.9-canary-20251008-f2d1b4a",
+  "expo-cellular": "8.0.8-canary-20251008-f2d1b4a",
+  "expo-checkbox": "5.0.8-canary-20251008-f2d1b4a",
+  "expo-clipboard": "8.0.8-canary-20251008-f2d1b4a",
+  "expo-constants": "18.0.10-canary-20251008-f2d1b4a",
+  "expo-contacts": "15.0.10-canary-20251008-f2d1b4a",
+  "expo-crypto": "15.0.8-canary-20251008-f2d1b4a",
+  "expo-dev-client": "6.0.14-canary-20251008-f2d1b4a",
+  "expo-device": "8.0.10-canary-20251008-f2d1b4a",
+  "expo-document-picker": "14.0.8-canary-20251008-f2d1b4a",
+  "expo-file-system": "19.0.17-canary-20251008-f2d1b4a",
+  "expo-font": "14.0.9-canary-20251008-f2d1b4a",
+  "expo-gl": "16.0.8-canary-20251008-f2d1b4a",
+  "expo-glass-effect": "0.1.5-canary-20251008-f2d1b4a",
   "expo-google-app-auth": "~8.3.0",
-  "expo-haptics": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-image": "3.1.0-canary-20251003-7b9d7ff",
-  "expo-image-loader": "6.0.1-canary-20251003-7b9d7ff",
-  "expo-image-manipulator": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-image-picker": "17.0.9-canary-20251003-7b9d7ff",
-  "expo-intent-launcher": "13.0.8-canary-20251003-7b9d7ff",
-  "expo-insights": "0.10.8-canary-20251003-7b9d7ff",
-  "expo-keep-awake": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-linear-gradient": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-linking": "8.0.9-canary-20251003-7b9d7ff",
-  "expo-local-authentication": "17.0.8-canary-20251003-7b9d7ff",
-  "expo-localization": "17.0.8-canary-20251003-7b9d7ff",
-  "expo-location": "19.0.8-canary-20251003-7b9d7ff",
-  "expo-mail-composer": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-manifests": "1.0.9-canary-20251003-7b9d7ff",
-  "expo-maps": "0.12.9-canary-20251003-7b9d7ff",
-  "expo-media-library": "18.3.0-canary-20251003-7b9d7ff",
-  "expo-mesh-gradient": "0.4.8-canary-20251003-7b9d7ff",
-  "expo-module-template": "11.0.16-canary-20251003-7b9d7ff",
-  "expo-modules-core": "3.1.0-canary-20251003-7b9d7ff",
-  "expo-navigation-bar": "5.0.9-canary-20251003-7b9d7ff",
-  "expo-network": "8.0.8-canary-20251003-7b9d7ff",
-  "expo-notifications": "1.0.0-canary-20251003-7b9d7ff",
-  "expo-print": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-live-photo": "1.0.8-canary-20251003-7b9d7ff",
-  "expo-router": "6.1.0-canary-20251003-7b9d7ff",
-  "expo-screen-capture": "8.0.9-canary-20251003-7b9d7ff",
-  "expo-screen-orientation": "9.0.8-canary-20251003-7b9d7ff",
-  "expo-secure-store": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-sensors": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-sharing": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-sms": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-speech": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-splash-screen": "31.0.11-canary-20251003-7b9d7ff",
-  "expo-sqlite": "16.0.9-canary-20251003-7b9d7ff",
-  "expo-status-bar": "3.0.9-canary-20251003-7b9d7ff",
-  "expo-store-review": "9.0.9-canary-20251003-7b9d7ff",
-  "expo-symbols": "1.1.0-canary-20251003-7b9d7ff",
-  "expo-system-ui": "6.0.8-canary-20251003-7b9d7ff",
-  "expo-task-manager": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-tracking-transparency": "6.0.8-canary-20251003-7b9d7ff",
-  "expo-updates": "29.1.0-canary-20251003-7b9d7ff",
-  "expo-video-thumbnails": "10.0.8-canary-20251003-7b9d7ff",
-  "expo-video": "3.0.12-canary-20251003-7b9d7ff",
-  "expo-web-browser": "15.0.9-canary-20251003-7b9d7ff",
-  "jest-expo": "55.0.0-canary-20251003-7b9d7ff",
+  "expo-haptics": "15.0.8-canary-20251008-f2d1b4a",
+  "expo-image": "3.1.0-canary-20251008-f2d1b4a",
+  "expo-image-loader": "6.0.1-canary-20251008-f2d1b4a",
+  "expo-image-manipulator": "14.0.8-canary-20251008-f2d1b4a",
+  "expo-image-picker": "17.0.9-canary-20251008-f2d1b4a",
+  "expo-intent-launcher": "13.0.8-canary-20251008-f2d1b4a",
+  "expo-insights": "0.10.8-canary-20251008-f2d1b4a",
+  "expo-keep-awake": "15.0.8-canary-20251008-f2d1b4a",
+  "expo-linear-gradient": "15.0.8-canary-20251008-f2d1b4a",
+  "expo-linking": "8.0.9-canary-20251008-f2d1b4a",
+  "expo-local-authentication": "17.0.8-canary-20251008-f2d1b4a",
+  "expo-localization": "17.0.8-canary-20251008-f2d1b4a",
+  "expo-location": "19.0.8-canary-20251008-f2d1b4a",
+  "expo-mail-composer": "15.0.8-canary-20251008-f2d1b4a",
+  "expo-manifests": "1.0.9-canary-20251008-f2d1b4a",
+  "expo-maps": "0.12.9-canary-20251008-f2d1b4a",
+  "expo-media-library": "18.3.0-canary-20251008-f2d1b4a",
+  "expo-mesh-gradient": "0.4.8-canary-20251008-f2d1b4a",
+  "expo-module-template": "11.0.16-canary-20251008-f2d1b4a",
+  "expo-modules-core": "3.1.0-canary-20251008-f2d1b4a",
+  "expo-navigation-bar": "5.0.9-canary-20251008-f2d1b4a",
+  "expo-network": "8.0.8-canary-20251008-f2d1b4a",
+  "expo-notifications": "1.0.0-canary-20251008-f2d1b4a",
+  "expo-print": "15.0.8-canary-20251008-f2d1b4a",
+  "expo-live-photo": "1.0.8-canary-20251008-f2d1b4a",
+  "expo-router": "6.1.0-canary-20251008-f2d1b4a",
+  "expo-screen-capture": "8.0.9-canary-20251008-f2d1b4a",
+  "expo-screen-orientation": "9.0.8-canary-20251008-f2d1b4a",
+  "expo-secure-store": "15.0.8-canary-20251008-f2d1b4a",
+  "expo-sensors": "15.0.8-canary-20251008-f2d1b4a",
+  "expo-sharing": "14.0.8-canary-20251008-f2d1b4a",
+  "expo-sms": "14.0.8-canary-20251008-f2d1b4a",
+  "expo-speech": "14.0.8-canary-20251008-f2d1b4a",
+  "expo-splash-screen": "31.0.11-canary-20251008-f2d1b4a",
+  "expo-sqlite": "16.0.9-canary-20251008-f2d1b4a",
+  "expo-status-bar": "3.0.9-canary-20251008-f2d1b4a",
+  "expo-store-review": "9.0.9-canary-20251008-f2d1b4a",
+  "expo-symbols": "1.1.0-canary-20251008-f2d1b4a",
+  "expo-system-ui": "6.0.8-canary-20251008-f2d1b4a",
+  "expo-task-manager": "14.0.8-canary-20251008-f2d1b4a",
+  "expo-tracking-transparency": "6.0.8-canary-20251008-f2d1b4a",
+  "expo-updates": "29.1.0-canary-20251008-f2d1b4a",
+  "expo-video-thumbnails": "10.0.8-canary-20251008-f2d1b4a",
+  "expo-video": "3.0.12-canary-20251008-f2d1b4a",
+  "expo-web-browser": "15.0.9-canary-20251008-f2d1b4a",
+  "jest-expo": "55.0.0-canary-20251008-f2d1b4a",
   "lottie-react-native": "~7.3.1",
   "react": "19.1.1",
   "react-dom": "19.1.1",
@@ -108,10 +108,10 @@
   "react-native-view-shot": "4.0.3",
   "react-native-webview": "13.15.0",
   "sentry-expo": "~7.0.0",
-  "unimodules-app-loader": "6.0.8-canary-20251003-7b9d7ff",
+  "unimodules-app-loader": "6.0.8-canary-20251008-f2d1b4a",
   "unimodules-image-loader-interface": "~6.1.0",
   "@shopify/react-native-skia": "2.2.12",
   "@shopify/flash-list": "2.0.2",
-  "@sentry/react-native": "~7.1.0",
+  "@sentry/react-native": "~7.2.0",
   "react-native-bootsplash": "^6.3.10"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo",
-  "version": "55.0.0-canary-20251003-7b9d7ff",
+  "version": "55.0.0-canary-20251008-f2d1b4a",
   "description": "The Expo SDK",
   "main": "src/Expo.ts",
   "module": "src/Expo.ts",
@@ -75,23 +75,24 @@
   "homepage": "https://github.com/expo/expo/tree/main/packages/expo",
   "dependencies": {
     "@babel/runtime": "^7.20.0",
-    "@expo/cli": "54.1.0-canary-20251003-7b9d7ff",
-    "@expo/config": "12.0.11-canary-20251003-7b9d7ff",
-    "@expo/config-plugins": "54.0.3-canary-20251003-7b9d7ff",
-    "@expo/devtools": "0.1.8-canary-20251003-7b9d7ff",
-    "@expo/fingerprint": "0.15.2-canary-20251003-7b9d7ff",
+    "@expo/cli": "54.1.0-canary-20251008-f2d1b4a",
+    "@expo/config": "12.0.11-canary-20251008-f2d1b4a",
+    "@expo/config-plugins": "54.0.3-canary-20251008-f2d1b4a",
+    "@expo/devtools": "0.1.8-canary-20251008-f2d1b4a",
+    "@expo/fingerprint": "0.15.2-canary-20251008-f2d1b4a",
     "@expo/metro": "~54.0.0",
-    "@expo/metro-config": "54.0.7-canary-20251003-7b9d7ff",
+    "@expo/metro-config": "54.0.7-canary-20251008-f2d1b4a",
     "@expo/vector-icons": "^15.0.2",
+    "@expo/log-box": "0.0.13-canary-20251008-f2d1b4a",
     "@ungap/structured-clone": "^1.3.0",
-    "babel-preset-expo": "54.0.4-canary-20251003-7b9d7ff",
-    "expo-asset": "12.0.10-canary-20251003-7b9d7ff",
-    "expo-constants": "18.0.10-canary-20251003-7b9d7ff",
-    "expo-file-system": "19.0.17-canary-20251003-7b9d7ff",
-    "expo-font": "14.0.9-canary-20251003-7b9d7ff",
-    "expo-keep-awake": "15.0.8-canary-20251003-7b9d7ff",
-    "expo-modules-autolinking": "3.1.0-canary-20251003-7b9d7ff",
-    "expo-modules-core": "3.1.0-canary-20251003-7b9d7ff",
+    "babel-preset-expo": "54.0.4-canary-20251008-f2d1b4a",
+    "expo-asset": "12.0.10-canary-20251008-f2d1b4a",
+    "expo-constants": "18.0.10-canary-20251008-f2d1b4a",
+    "expo-file-system": "19.0.17-canary-20251008-f2d1b4a",
+    "expo-font": "14.0.9-canary-20251008-f2d1b4a",
+    "expo-keep-awake": "15.0.8-canary-20251008-f2d1b4a",
+    "expo-modules-autolinking": "3.1.0-canary-20251008-f2d1b4a",
+    "expo-modules-core": "3.1.0-canary-20251008-f2d1b4a",
     "pretty-format": "^29.7.0",
     "react-refresh": "^0.14.2",
     "whatwg-url-without-unicode": "8.0.0-3"
@@ -100,15 +101,15 @@
     "@types/node": "^22.14.0",
     "@types/react": "~19.1.10",
     "@types/react-test-renderer": "~19.1.0",
-    "expo-module-scripts": "5.0.8-canary-20251003-7b9d7ff",
+    "expo-module-scripts": "5.0.8-canary-20251008-f2d1b4a",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "react-native": "0.82.0-rc.5",
     "web-streams-polyfill": "^3.3.2"
   },
   "peerDependencies": {
-    "@expo/dom-webview": "0.2.8-canary-20251003-7b9d7ff",
-    "@expo/metro-runtime": "6.1.3-canary-20251003-7b9d7ff",
+    "@expo/dom-webview": "0.2.8-canary-20251008-f2d1b4a",
+    "@expo/metro-runtime": "6.1.3-canary-20251008-f2d1b4a",
     "react": "*",
     "react-native": "*",
     "react-native-webview": "*"

package/src/async-require/hmr.ts

@@ -8,6 +8,7 @@
  * Based on this but with web support:
  * https://github.com/facebook/react-native/blob/086714b02b0fb838dee5a66c5bcefe73b53cf3df/Libraries/Utilities/HMRClient.js
  */
+import { parseWebHmrBuildErrors, type MetroBuildError } from '@expo/log-box/utils';
 import MetroHMRClient from '@expo/metro/metro-runtime/modules/HMRClient';
 import prettyFormat, { plugins } from 'pretty-format';
 import { DeviceEventEmitter } from 'react-native';
@@ -28,17 +29,9 @@ const pendingEntryPoints: string[] = [];
 // @ts-expect-error: Account for multiple versions of pretty-format inside of a monorepo.
 const prettyFormatFunc = typeof prettyFormat === 'function' ? prettyFormat : prettyFormat.default;
 
-type HMRClientType = {
-  send: (msg: string) => void;
-  isEnabled: () => boolean;
-  disable: () => void;
-  enable: () => void;
-  hasPendingUpdates: () => boolean;
-};
-
-let hmrClient: HMRClientType | null = null;
+let hmrClient: MetroHMRClient | null = null;
 let hmrUnavailableReason: string | null = null;
-let currentCompileErrorMessage: string | null = null;
+const buildErrorQueue = new Set<MetroBuildError>();
 let didConnect: boolean = false;
 const pendingLogs: [LogLevel, any[]][] = [];
 
@@ -53,14 +46,6 @@ type LogLevel =
   | 'groupEnd'
   | 'debug';
 
-export type HMRClientNativeInterface = {
-  enable(): void;
-  disable(): void;
-  registerBundle(requestUrl: string): void;
-  log(level: LogLevel, data: any[]): void;
-  setup(props: { isEnabled: boolean }): void;
-};
-
 function assert(foo: any, msg: string): asserts foo {
   if (!foo) throw new Error(msg);
 }
@@ -69,7 +54,7 @@ function assert(foo: any, msg: string): asserts foo {
  * HMR Client that receives from the server HMR updates and propagates them
  * runtime to reflects those changes.
  */
-const HMRClient: HMRClientNativeInterface = {
+const HMRClient = {
   enable() {
     if (hmrUnavailableReason !== null) {
       // If HMR became unavailable while you weren't using it,
@@ -181,10 +166,10 @@ const HMRClient: HMRClientNativeInterface = {
     );
 
     client.on('connection-error', (e: Error) => {
-      let error = `Cannot connect to Metro.
+      let error = `Cannot connect to Expo CLI.
  
  Try the following to fix the issue:
- - Ensure the Metro dev server is running and available on the same network as this device`;
+ - Ensure the Expo dev server is running and available on the same network as this device`;
       error += `
  
  URL: ${window.location.host}
@@ -195,7 +180,7 @@ const HMRClient: HMRClientNativeInterface = {
     });
 
     client.on('update-start', ({ isInitialUpdate }: { isInitialUpdate?: boolean }) => {
-      currentCompileErrorMessage = null;
+      buildErrorQueue.clear();
       didConnect = true;
 
       if (client.isEnabled() && !isInitialUpdate) {
@@ -205,10 +190,11 @@ const HMRClient: HMRClientNativeInterface = {
 
     client.on('update', ({ isInitialUpdate }: { isInitialUpdate?: boolean }) => {
       if (client.isEnabled() && !isInitialUpdate) {
-        dismissRedbox();
+        // dismissRedbox();
         // @ts-expect-error
         globalThis.__expo_dev_resetErrors?.();
         // LogBox.clearAllLogs();
+        // dismissGlobalErrorOverlay();
       }
     });
 
@@ -216,22 +202,7 @@ const HMRClient: HMRClientNativeInterface = {
       hideLoading();
     });
 
-    client.on('error', (data: { type: string; message: string }) => {
-      hideLoading();
-
-      if (data.type === 'GraphNotFoundError') {
-        client.close();
-        setHMRUnavailableReason('Metro has restarted since the last edit. Reload to reconnect.');
-      } else if (data.type === 'RevisionNotFoundError') {
-        client.close();
-        setHMRUnavailableReason('Metro and the client are out of sync. Reload to reconnect.');
-      } else {
-        currentCompileErrorMessage = `${data.type} ${data.message}`;
-        if (client.isEnabled()) {
-          showCompileError();
-        }
-      }
-    });
+    client.on('error', (data) => this._onMetroError(data));
 
     client.on('close', (closeEvent: { code: number; reason: string }) => {
       hideLoading();
@@ -242,19 +213,19 @@ const HMRClient: HMRClientNativeInterface = {
         closeEvent == null ||
         closeEvent.code === 1000 ||
         closeEvent.code === 1005 ||
+        closeEvent.code === 1006 ||
         closeEvent.code == null;
 
       setHMRUnavailableReason(
         `${
           isNormalOrUnsetCloseReason
-            ? 'Disconnected from Metro.'
-            : `Disconnected from Metro (${closeEvent.code}: "${closeEvent.reason}").`
+            ? 'Disconnected from Expo CLI.'
+            : `Disconnected from Expo CLI (${closeEvent.code}: "${closeEvent.reason}").`
         }
 
 To reconnect:
-- Ensure that Metro is running and available on the same network
-- Reload this app (will trigger further help if Metro cannot be connected to)
-      `
+- Start the dev server with: npx expo
+- Reload the ${process.env.EXPO_OS === 'web' ? 'page' : 'app'}`
       );
     });
 
@@ -267,6 +238,41 @@ To reconnect:
     registerBundleEntryPoints(hmrClient);
     flushEarlyLogs();
   },
+
+  _onMetroError(data: unknown) {
+    if (!hmrClient) {
+      return;
+    }
+
+    assert(typeof data === 'object' && data != null, 'Expected data to be an object');
+
+    hideLoading();
+
+    if ('type' in data) {
+      if (data.type === 'GraphNotFoundError') {
+        hmrClient.close();
+        setHMRUnavailableReason('Expo CLI has restarted since the last edit. Reload to reconnect.');
+        return;
+      } else if (data.type === 'RevisionNotFoundError') {
+        hmrClient.close();
+        setHMRUnavailableReason(
+          `Expo CLI and the ${process.env.EXPO_OS} client are out of sync. Reload to reconnect.`
+        );
+        return;
+      }
+    }
+
+    // Fallback for resolution errors which don't return a type
+    // https://github.com/facebook/metro/blob/a3fac645dc377f78bd4182ca0ca73629b2707d5b/packages/metro/src/lib/formatBundlingError.js#L65-L73
+    // https://github.com/facebook/metro/pull/1487
+    const error = parseWebHmrBuildErrors(data);
+
+    buildErrorQueue.add(error);
+
+    if (hmrClient.isEnabled()) {
+      showCompileError();
+    }
+  },
 };
 
 function setHMRUnavailableReason(reason: string) {
@@ -286,7 +292,7 @@ function setHMRUnavailableReason(reason: string) {
   }
 }
 
-function registerBundleEntryPoints(client: HMRClientType | null) {
+function registerBundleEntryPoints(client: MetroHMRClient | null) {
   if (hmrUnavailableReason != null) {
     // "Bundle Splitting – Metro disconnected"
     window.location.reload();
@@ -314,27 +320,17 @@ function flushEarlyLogs() {
   }
 }
 
-function dismissRedbox() {
-  // TODO(EvanBacon): Error overlay for web.
-}
-
 function showCompileError() {
-  if (currentCompileErrorMessage === null) {
+  if (buildErrorQueue.size === 0) {
     return;
   }
 
   // Even if there is already a redbox, syntax errors are more important.
   // Otherwise you risk seeing a stale runtime error while a syntax error is more recent.
-  dismissRedbox();
-
-  const message = currentCompileErrorMessage;
-  currentCompileErrorMessage = null;
+  // dismissGlobalErrorOverlay();
 
-  const error = new Error(message);
-  // Symbolicating compile errors is wasted effort
-  // because the stack trace is meaningless:
-  // @ts-expect-error
-  error.preventSymbolication = true;
+  const error = buildErrorQueue.values().next().value;
+  buildErrorQueue.clear();
   throw error;
 }
 

package/src/dom/dom-entry.tsx

@@ -1,7 +1,7 @@
 // Entry file for a DOM Component.
 import '@expo/metro-runtime';
 
-import { withErrorOverlay } from '@expo/metro-runtime/error-overlay';
+import { setupLogBox } from '@expo/log-box';
 import React from 'react';
 
 import { JSONValue } from './dom.types';
@@ -9,7 +9,7 @@ import { addEventListener, getActionsObject } from './marshal';
 import registerRootComponent from '../launch/registerRootComponent';
 
 interface MarshalledProps {
-  name: string[];
+  names: string[];
   props: Record<string, JSONValue>;
   [key: string]: undefined | JSONValue;
 }
@@ -92,7 +92,7 @@ export function registerDOMComponent(AppModule: any) {
       // Create a named map { [name: string]: ProxyFunction }
       // TODO(@kitten): Unclear how this is typed or shaped
       return Object.fromEntries(
-        (marshalledProps.names as string[]).map((key: string) => {
+        marshalledProps.names.map((key: string) => {
           return [key, ACTIONS[key]];
         })
       );
@@ -102,12 +102,12 @@ export function registerDOMComponent(AppModule: any) {
   }
 
   try {
+    if (process.env.NODE_ENV !== 'production') {
+      setupLogBox();
+    }
+
     React.startTransition(() => {
-      if (process.env.NODE_ENV !== 'production') {
-        registerRootComponent(withErrorOverlay(DOMComponentRoot));
-      } else {
-        registerRootComponent(DOMComponentRoot);
-      }
+      registerRootComponent(DOMComponentRoot);
     });
   } catch (e) {
     const error = convertError(e);

package/src/dom/dom-internal.types.ts

@@ -0,0 +1,9 @@
+import type { DOMProps } from './dom.types';
+
+export interface DOMPropsInternal extends DOMProps {
+  /**
+   * Allows dynamically redirecting a component to a different source, for example prebuilt version.
+   * @internal
+   */
+  sourceOverride?: { uri: string };
+}

package/src/dom/internal.ts

@@ -1,5 +1,7 @@
 export { default as WebView } from './webview-wrapper';
 
+export * from './dom-internal.types';
+
 // Skip all dom-only functions to give 'undefined is not a function' errors.
 export const registerDOMComponent: undefined | typeof import('./dom-entry').registerDOMComponent =
   undefined;

package/src/dom/webview-wrapper.tsx

@@ -3,7 +3,8 @@ import React from 'react';
 import { AppState } from 'react-native';
 
 import { getBaseURL } from './base';
-import type { BridgeMessage, DOMProps, WebViewProps, WebViewRef } from './dom.types';
+import { DOMPropsInternal } from './dom-internal.types';
+import type { BridgeMessage, WebViewProps, WebViewRef } from './dom.types';
 import { _emitGlobalEvent } from './global-events';
 import {
   getInjectBodySizeObserverScript,
@@ -22,7 +23,7 @@ type RawWebViewProps = React.ComponentProps<Exclude<typeof ExpoDomWebView, undef
 
 interface Props {
   children?: any;
-  dom?: DOMProps;
+  dom?: DOMPropsInternal;
   filePath: string;
   ref: React.Ref<object>;
   [propName: string]: unknown;
@@ -30,6 +31,8 @@ interface Props {
 
 const RawWebView = React.forwardRef<object, Props>((props, ref) => {
   const { children, dom, filePath, ref: _ref, ...marshalProps } = props as Props;
+  const { sourceOverride, ...domProps } = dom || {};
+
   if (__DEV__) {
     if (children !== undefined) {
       throw new Error(
@@ -66,7 +69,7 @@ const RawWebView = React.forwardRef<object, Props>((props, ref) => {
   const webView = resolveWebView(dom?.useExpoDOMWebView ?? false);
   const webviewRef = React.useRef<WebViewRef>(null);
   const domImperativeHandlePropsRef = React.useRef<string[]>([]);
-  const source = { uri: `${getBaseURL()}/${filePath}` };
+  const source = sourceOverride ?? { uri: `${getBaseURL()}/${filePath}` };
   const [containerStyle, setContainerStyle] = React.useState<WebViewProps['containerStyle']>(null);
 
   const { debugZeroHeightStyle, debugOnLayout } = useDebugZeroHeight(dom);
@@ -129,7 +132,7 @@ const RawWebView = React.forwardRef<object, Props>((props, ref) => {
         subscription.remove();
       });
     },
-    ...dom,
+    ...domProps,
     containerStyle: [containerStyle, debugZeroHeightStyle, dom?.containerStyle],
     onLayout: __DEV__ ? debugOnLayout : dom?.onLayout,
     injectedJavaScriptBeforeContentLoaded: [

package/android/src/main/java/expo/modules/ReactNativeHostWrapper.kt

@@ -1,51 +0,0 @@
-package expo.modules
-
-import android.app.Application
-import android.content.Context
-import com.facebook.react.ReactHost
-import com.facebook.react.ReactNativeHost
-import com.facebook.react.ReactPackageTurboModuleManagerDelegate
-import com.facebook.react.bridge.UIManagerProvider
-import com.facebook.react.common.SurfaceDelegateFactory
-import com.facebook.react.devsupport.DevSupportManagerFactory
-import com.facebook.react.devsupport.interfaces.RedBoxHandler
-
-class ReactNativeHostWrapper(
-  application: Application,
-  host: ReactNativeHost
-) : ReactNativeHostWrapperBase(application, host) {
-  override fun getDevSupportManagerFactory(): DevSupportManagerFactory? {
-    return reactNativeHostHandlers
-      .asSequence()
-      .mapNotNull { it.devSupportManagerFactory }
-      .firstOrNull() as DevSupportManagerFactory?
-      ?: invokeDelegateMethod("getDevSupportManagerFactory")
-  }
-
-  override fun getReactPackageTurboModuleManagerDelegateBuilder(): ReactPackageTurboModuleManagerDelegate.Builder? {
-    return invokeDelegateMethod("getReactPackageTurboModuleManagerDelegateBuilder")
-  }
-
-  override fun getUIManagerProvider(): UIManagerProvider? {
-    return invokeDelegateMethod("getUIManagerProvider")
-  }
-
-  override fun getShouldRequireActivity(): Boolean {
-    return host.shouldRequireActivity
-  }
-
-  override fun getSurfaceDelegateFactory(): SurfaceDelegateFactory {
-    return host.surfaceDelegateFactory
-  }
-
-  override fun getRedBoxHandler(): RedBoxHandler? {
-    return invokeDelegateMethod("getRedBoxHandler")
-  }
-
-  companion object {
-    @JvmStatic
-    fun createReactHost(context: Context, reactNativeHost: ReactNativeHost): ReactHost {
-      return ExpoReactHostFactory.createFromReactNativeHost(context, reactNativeHost)
-    }
-  }
-}