expo 57.0.13 → 57.0.14

package/android/build.gradle

@@ -10,7 +10,7 @@ buildscript {
 }
 
 group = 'host.exp.exponent'
-version = '57.0.13'
+version = '57.0.14'
 
 expoModule {
   // We can't prebuild the module because it depends on the generated files.
@@ -21,7 +21,7 @@ android {
   namespace "expo.core"
   defaultConfig {
     versionCode 1
-    versionName "57.0.13"
+    versionName "57.0.14"
     consumerProguardFiles("proguard-rules.pro")
   }
   testOptions {

package/build/dom/dom-entry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom-entry.d.ts","sourceRoot":"","sources":["../../src/dom/dom-entry.tsx"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAI7B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACtC;AA8CD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,GAAG,QAmElD"}
+{"version":3,"file":"dom-entry.d.ts","sourceRoot":"","sources":["../../src/dom/dom-entry.tsx"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAI7B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACtC;AA8CD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,GAAG,QAqElD"}

package/build/dom/injection.d.ts

@@ -4,6 +4,7 @@ export declare const NATIVE_ACTION_RESULT = "$$native_action_result";
 export declare const DOM_EVENT = "$$dom_event";
 export declare const MATCH_CONTENTS_EVENT = "$$match_contents_event";
 export declare const REGISTER_DOM_IMPERATIVE_HANDLE_PROPS = "$$register_dom_imperative_handle_props";
+export declare const DOM_READY = "$$dom_ready";
 export declare const getInjectEventScript: <T extends BridgeMessage<any>>(detail: T) => string;
 export declare function getInjectBodySizeObserverScript(): string;
 //# sourceMappingURL=injection.d.ts.map

package/build/dom/injection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"injection.d.ts","sourceRoot":"","sources":["../../src/dom/injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAC7D,eAAO,MAAM,SAAS,gBAAgB,CAAC;AACvC,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAC7D,eAAO,MAAM,oCAAoC,2CAA2C,CAAC;AAE7F,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,WAO3E,CAAC;AAEF,wBAAgB,+BAA+B,WAsC9C"}
+{"version":3,"file":"injection.d.ts","sourceRoot":"","sources":["../../src/dom/injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAC7D,eAAO,MAAM,SAAS,gBAAgB,CAAC;AACvC,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAC7D,eAAO,MAAM,oCAAoC,2CAA2C,CAAC;AAC7F,eAAO,MAAM,SAAS,gBAAgB,CAAC;AAEvC,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,WAO3E,CAAC;AAEF,wBAAgB,+BAA+B,WAsC9C"}

package/build/dom/marshal.d.ts

@@ -1,4 +1,5 @@
 import type { BridgeMessage, JSONValue } from './dom.types';
 export declare const addEventListener: <TData extends JSONValue>(onSubscribe: (message: BridgeMessage<TData>) => void) => (() => void);
+export declare const notifyDOMReady: () => void;
 export declare function getActionsObject(): Record<string, (...args: any[]) => void | Promise<any>>;
 //# sourceMappingURL=marshal.d.ts.map

package/build/dom/marshal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"marshal.d.ts","sourceRoot":"","sources":["../../src/dom/marshal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgB5D,eAAO,MAAM,gBAAgB,GAAI,KAAK,SAAS,SAAS,EACtD,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,IAAI,KACnD,CAAC,MAAM,IAAI,CAab,CAAC;AAsCF,wBAAgB,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAuC1F"}
+{"version":3,"file":"marshal.d.ts","sourceRoot":"","sources":["../../src/dom/marshal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgB5D,eAAO,MAAM,gBAAgB,GAAI,KAAK,SAAS,SAAS,EACtD,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,IAAI,KACnD,CAAC,MAAM,IAAI,CAab,CAAC;AAEF,eAAO,MAAM,cAAc,YAE1B,CAAC;AAsCF,wBAAgB,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAuC1F"}

package/build/dom/webview-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webview-wrapper.d.ts","sourceRoot":"","sources":["../../src/dom/webview-wrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAY7D,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAG5C,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;AAElF,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,mFA2Md,CAAC;AAiBH,wBAAgB,cAAc,CAC5B,iBAAiB,EAAE,OAAO,GACzB,KAAK,CAAC,yBAAyB,CAAC,eAAe,CAAC,CASlD;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"webview-wrapper.d.ts","sourceRoot":"","sources":["../../src/dom/webview-wrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAa7D,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAG5C,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;AAElF,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,mFAiNd,CAAC;AAiBH,wBAAgB,cAAc,CAC5B,iBAAiB,EAAE,OAAO,GACzB,KAAK,CAAC,yBAAyB,CAAC,eAAe,CAAC,CASlD;AAED,eAAe,UAAU,CAAC"}

package/bundledNativeModules.json

@@ -1,7 +1,7 @@
 {
   "@expo/dom-webview": "~57.0.1",
-  "@expo/fingerprint": "~0.20.7",
-  "@expo/metro-runtime": "~57.0.10",
+  "@expo/fingerprint": "~0.20.8",
+  "@expo/metro-runtime": "~57.0.11",
   "@expo/vector-icons": "^15.0.2",
   "@expo/ui": "~57.0.11",
   "@react-native-async-storage/async-storage": "2.2.0",
@@ -17,32 +17,32 @@
   "expo-analytics-amplitude": "~11.3.0",
   "expo-app-auth": "~11.1.0",
   "expo-app-loader-provider": "~8.0.0",
-  "expo-app-metrics": "~57.0.11",
+  "expo-app-metrics": "~57.0.12",
   "expo-apple-authentication": "~57.0.1",
   "expo-application": "~57.0.2",
-  "expo-asset": "~57.0.11",
+  "expo-asset": "~57.0.12",
   "expo-audio": "~57.0.3",
   "expo-auth-session": "~57.0.7",
-  "expo-background-fetch": "~57.0.10",
-  "expo-background-task": "~57.0.10",
+  "expo-background-fetch": "~57.0.11",
+  "expo-background-task": "~57.0.11",
   "expo-battery": "~57.0.2",
   "expo-blur": "~57.0.2",
   "expo-brightness": "~57.0.1",
-  "expo-brownfield": "~57.0.11",
-  "expo-build-properties": "~57.0.11",
+  "expo-brownfield": "~57.0.12",
+  "expo-build-properties": "~57.0.12",
   "expo-calendar": "~57.0.2",
   "expo-camera": "~57.0.3",
   "expo-cellular": "~57.0.1",
   "expo-checkbox": "~57.0.0",
   "expo-clipboard": "~57.0.1",
-  "expo-constants": "~57.0.11",
+  "expo-constants": "~57.0.12",
   "expo-contacts": "~57.0.4",
   "expo-crypto": "~57.0.1",
-  "expo-dev-client": "~57.0.12",
+  "expo-dev-client": "~57.0.13",
   "expo-device": "~57.0.1",
   "expo-document-picker": "~57.0.1",
   "expo-eas-client": "~57.0.1",
-  "expo-file-system": "~57.0.3",
+  "expo-file-system": "~57.0.4",
   "expo-font": "~57.0.1",
   "expo-gl": "~57.0.2",
   "expo-glass-effect": "~57.0.1",
@@ -50,16 +50,16 @@
   "expo-haptics": "~57.0.1",
   "expo-image": "~57.0.3",
   "expo-image-loader": "~57.0.1",
-  "expo-image-manipulator": "~57.0.10",
-  "expo-image-picker": "~57.0.10",
+  "expo-image-manipulator": "~57.0.11",
+  "expo-image-picker": "~57.0.11",
   "expo-intent-launcher": "~57.0.1",
-  "expo-insights": "~57.0.10",
+  "expo-insights": "~57.0.11",
   "expo-keep-awake": "~57.0.1",
   "expo-linear-gradient": "~57.0.1",
   "expo-linking": "~57.0.6",
   "expo-local-authentication": "~57.0.2",
   "expo-localization": "~57.0.1",
-  "expo-location": "~57.0.10",
+  "expo-location": "~57.0.11",
   "expo-mail-composer": "~57.0.1",
   "expo-manifests": "~57.0.1",
   "expo-maps": "~57.0.1",
@@ -70,28 +70,28 @@
   "expo-modules-core": "~57.0.11",
   "expo-navigation-bar": "~57.0.2",
   "expo-network": "~57.0.1",
-  "expo-notifications": "~57.0.11",
-  "expo-observe": "~57.0.13",
+  "expo-notifications": "~57.0.12",
+  "expo-observe": "~57.0.14",
   "expo-print": "~57.0.1",
   "expo-live-photo": "~57.0.1",
-  "expo-router": "~57.0.13",
+  "expo-router": "~57.0.14",
   "expo-screen-capture": "~57.0.2",
   "expo-screen-orientation": "~57.0.1",
   "expo-secure-store": "~57.0.1",
   "expo-sensors": "~57.0.2",
   "expo-server": "~57.0.3",
-  "expo-sharing": "~57.0.12",
+  "expo-sharing": "~57.0.13",
   "expo-sms": "~57.0.1",
   "expo-speech": "~57.0.1",
-  "expo-splash-screen": "~57.0.6",
+  "expo-splash-screen": "~57.0.7",
   "expo-sqlite": "~57.0.1",
   "expo-status-bar": "~57.0.1",
   "expo-store-review": "~57.0.2",
   "expo-symbols": "~57.0.2",
   "expo-system-ui": "~57.0.2",
-  "expo-task-manager": "~57.0.10",
+  "expo-task-manager": "~57.0.11",
   "expo-tracking-transparency": "~57.0.1",
-  "expo-updates": "~57.0.14",
+  "expo-updates": "~57.0.15",
   "expo-video-thumbnails": "~57.0.1",
   "expo-video": "~57.0.2",
   "expo-web-browser": "~57.0.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo",
-  "version": "57.0.13",
+  "version": "57.0.14",
   "description": "The Expo SDK",
   "main": "src/Expo.ts",
   "module": "src/Expo.ts",
@@ -68,21 +68,21 @@
   "homepage": "https://github.com/expo/expo/tree/main/packages/expo",
   "dependencies": {
     "@babel/runtime": "^7.20.0",
-    "@expo/cli": "^57.0.15",
-    "@expo/config": "~57.0.7",
+    "@expo/cli": "^57.0.16",
+    "@expo/config": "~57.0.8",
     "@expo/config-plugins": "~57.0.8",
     "@expo/devtools": "~57.0.1",
     "@expo/dom-webview": "~57.0.1",
-    "@expo/fingerprint": "^0.20.7",
+    "@expo/fingerprint": "^0.20.8",
     "@expo/local-build-cache-provider": "^57.0.6",
-    "@expo/log-box": "^57.0.2",
+    "@expo/log-box": "^57.0.3",
     "@expo/metro": "~56.0.0",
     "@expo/metro-config": "~57.0.8",
     "@ungap/structured-clone": "^1.3.0",
     "babel-preset-expo": "~57.0.7",
-    "expo-asset": "~57.0.11",
-    "expo-constants": "~57.0.11",
-    "expo-file-system": "~57.0.3",
+    "expo-asset": "~57.0.12",
+    "expo-constants": "~57.0.12",
+    "expo-file-system": "~57.0.4",
     "expo-font": "~57.0.1",
     "expo-keep-awake": "~57.0.1",
     "expo-modules-autolinking": "~57.0.10",
@@ -101,8 +101,8 @@
     "rimraf": "^6.1.2",
     "web-streams-polyfill": "^3.3.2",
     "@expo/dom-webview": "57.0.1",
-    "@expo/metro-runtime": "57.0.10",
-    "expo-updates": "57.0.14"
+    "expo-updates": "57.0.15",
+    "@expo/metro-runtime": "57.0.11"
   },
   "peerDependencies": {
     "@expo/dom-webview": "*",
@@ -139,7 +139,7 @@
       "scripts/resolveAppEntry.js"
     ]
   },
-  "gitHead": "125b8d4472432db3dc4ae047730432d7bd5bd30c",
+  "gitHead": "391d762fa5059cebf63ef2381da93994ce97fc63",
   "scripts": {
     "build": "tsc",
     "clean": "rimraf build",

package/src/dom/__tests__/dom-ready-test.native.ts

@@ -0,0 +1,125 @@
+// `.native.ts` on purpose.
+// The node project makes `marshal`'s DOM side a no-op, and jsdom has no
+// `MessageChannel` for `react-dom/server`.
+import type { BridgeMessage } from '../dom.types';
+
+describe('notifyDOMReady', () => {
+  const postMessage = jest.fn();
+  const hasWebViewBridge = jest.fn();
+  let hasGlobalWindow = false;
+
+  beforeEach(() => {
+    // `marshal` reads the environment at module scope, so set it up before requiring it.
+    jest.resetModules();
+    jest.doMock('../webview-bridge', () => ({
+      hasWebViewBridge,
+      getWebViewBridge: () => ({ postMessage, injectedObjectJson: () => '{}' }),
+    }));
+    hasGlobalWindow = typeof globalThis.window !== 'undefined';
+    globalThis.window ??= {} as Window & typeof globalThis;
+    globalThis.window.$$EXPO_INITIAL_PROPS = { names: [], props: {} };
+  });
+
+  afterEach(() => {
+    delete globalThis.window.$$EXPO_INITIAL_PROPS;
+    // The next suite renders in node and expects no `window`.
+    if (!hasGlobalWindow) {
+      delete (globalThis as any).window;
+    }
+  });
+
+  it('should post a $$dom_ready message to the native side', () => {
+    hasWebViewBridge.mockReturnValue(true);
+    const { notifyDOMReady } = require('../marshal');
+
+    notifyDOMReady();
+
+    expect(postMessage).toHaveBeenCalledWith(JSON.stringify({ type: '$$dom_ready', data: null }));
+  });
+
+  it('should do nothing outside of a DOM component webview', () => {
+    hasWebViewBridge.mockReturnValue(false);
+    const { notifyDOMReady } = require('../marshal');
+
+    notifyDOMReady();
+
+    expect(postMessage).not.toHaveBeenCalled();
+  });
+});
+
+describe('$$dom_ready', () => {
+  beforeEach(() => {
+    jest.resetModules();
+    jest.doMock('../../utils/getDevServer', () => ({
+      __esModule: true,
+      default: () => ({ url: 'http://localhost:8081' }),
+    }));
+  });
+
+  // `react-dom/server` is the only renderer here, so this mounts without effects.
+  // Enough for these tests, since `onMessage` is wired up during render.
+  function renderRawWebView(props: Record<string, unknown>) {
+    const injectJavaScript = jest.fn();
+    let webViewProps: Record<string, any> = {};
+    jest.doMock('@expo/dom-webview', () => ({
+      WebView: (stubProps: any) => {
+        webViewProps = stubProps;
+        // `ref` arrives as a plain prop, and the wrapper injects scripts through it.
+        stubProps.ref.current = { injectJavaScript };
+        return null;
+      },
+    }));
+    const React = require('react');
+    const { renderToStaticMarkup } = require('react-dom/server');
+    const RawWebView = require('../webview-wrapper').default;
+
+    renderToStaticMarkup(React.createElement(RawWebView, { filePath: 'index.tsx', ...props }));
+
+    return { injectJavaScript, webViewProps };
+  }
+
+  function readInjectedEvent(script: string): BridgeMessage<any> {
+    const [, payload] = script.match(/new CustomEvent\("\$\$dom_event",([\s\S]*)\)\);/) ?? [];
+    if (payload == null) {
+      throw new Error(`Expected a script injecting a DOM event, got: ${script}`);
+    }
+    return JSON.parse(payload).detail;
+  }
+
+  function domReadyEvent() {
+    return { nativeEvent: { data: JSON.stringify({ type: '$$dom_ready', data: null }) } };
+  }
+
+  it('should be answered with the marshalled props', () => {
+    const { injectJavaScript, webViewProps } = renderRawWebView({
+      title: 'updated',
+      onAction: () => {},
+    });
+
+    webViewProps.onMessage(domReadyEvent());
+
+    expect(injectJavaScript).toHaveBeenCalledTimes(1);
+    expect(readInjectedEvent(injectJavaScript.mock.calls[0][0])).toEqual({
+      type: '$$props',
+      data: { names: ['onAction'], props: { title: 'updated' } },
+    });
+  });
+
+  it('should be answered every time, since the webview can reload', () => {
+    const { injectJavaScript, webViewProps } = renderRawWebView({ title: 'updated' });
+
+    webViewProps.onMessage(domReadyEvent());
+    webViewProps.onMessage(domReadyEvent());
+
+    expect(injectJavaScript).toHaveBeenCalledTimes(2);
+  });
+
+  it('should not reach the `onMessage` handler of the component', () => {
+    const onMessage = jest.fn();
+    const { webViewProps } = renderRawWebView({ dom: { onMessage } });
+
+    webViewProps.onMessage(domReadyEvent());
+
+    expect(onMessage).not.toHaveBeenCalled();
+  });
+});

package/src/dom/dom-entry.tsx

@@ -4,7 +4,7 @@ import '@expo/metro-runtime';
 import React from 'react';
 
 import type { JSONValue } from './dom.types';
-import { addEventListener, getActionsObject } from './marshal';
+import { addEventListener, getActionsObject, notifyDOMReady } from './marshal';
 import registerRootComponent from '../launch/registerRootComponent';
 
 export interface MarshalledProps {
@@ -82,6 +82,8 @@ export function registerDOMComponent(AppModule: any) {
           setProps(msg.data as MarshalledProps);
         }
       });
+      // Must stay after `addEventListener`: props emitted before it existed were dropped.
+      notifyDOMReady();
       return () => {
         remove();
       };

package/src/dom/injection.ts

@@ -5,6 +5,7 @@ export const NATIVE_ACTION_RESULT = '$$native_action_result';
 export const DOM_EVENT = '$$dom_event';
 export const MATCH_CONTENTS_EVENT = '$$match_contents_event';
 export const REGISTER_DOM_IMPERATIVE_HANDLE_PROPS = '$$register_dom_imperative_handle_props';
+export const DOM_READY = '$$dom_ready';
 
 export const getInjectEventScript = <T extends BridgeMessage<any>>(detail: T) => {
   return `;(function() {

package/src/dom/marshal.tsx

@@ -1,5 +1,5 @@
 import type { BridgeMessage, JSONValue } from './dom.types';
-import { DOM_EVENT, NATIVE_ACTION, NATIVE_ACTION_RESULT } from './injection';
+import { DOM_EVENT, DOM_READY, NATIVE_ACTION, NATIVE_ACTION_RESULT } from './injection';
 import { getWebViewBridge, hasWebViewBridge } from './webview-bridge';
 
 const IS_DOM =
@@ -31,6 +31,10 @@ export const addEventListener = <TData extends JSONValue>(
   };
 };
 
+export const notifyDOMReady = () => {
+  emit({ type: DOM_READY, data: null });
+};
+
 function invokeNativeAction(actionId: string, args: any[]): Promise<any> {
   if (!IS_DOM) {
     throw new Error('Cannot invoke native actions outside of a webview');

package/src/dom/webview-wrapper.tsx

@@ -11,6 +11,7 @@ import type { DOMPropsInternal } from './dom-internal.types';
 import type { BridgeMessage, WebViewProps, WebViewRef } from './dom.types';
 import { _emitGlobalEvent } from './global-events';
 import {
+  DOM_READY,
   getInjectBodySizeObserverScript,
   getInjectEventScript,
   MATCH_CONTENTS_EVENT,
@@ -177,6 +178,12 @@ const RawWebView = React.forwardRef<object, Props>((props, ref) => {
         return;
       }
 
+      if (type === DOM_READY) {
+        // Re-send the props the DOM side missed while the WebView was loading.
+        emit({ type: '$$props', data: smartActions });
+        return;
+      }
+
       if (type === REGISTER_DOM_IMPERATIVE_HANDLE_PROPS) {
         domImperativeHandlePropsRef.current = data;
         return;