diff --git a/.changeset/breezy-deers-scream.md b/.changeset/breezy-deers-scream.md new file mode 100644 index 000000000000..2c1496e0cdc5 --- /dev/null +++ b/.changeset/breezy-deers-scream.md @@ -0,0 +1,15 @@ +--- +"live-mobile": patch +--- + +fix(iOS): Solana error after broadcast on WebSockets + +We are adding a missing user-agent header on the websocket for iOS with RN +https://github.com/facebook/react-native/issues/28450 +https://github.com/facebook/react-native/issues/30727 +We need to use the interceptor as we don't control the code initiating the websocket +Updating the options passed in by the interceptor works fine +https://github.com/facebook/react-native/blob/3dfe22bd27429a43b4648c597b71f7965f31ca65/packages/react-native/Libraries/WebSocket/WebSocketInterceptor.js#L148-L163 +Another solution could be to use pnpm to patch react native WebSocket linked below +https://github.com/facebook/react-native/blob/3dfe22bd27429a43b4648c597b71f7965f31ca65/packages/react-native/Libraries/WebSocket/WebSocket.js +But the interceptor seems lean enough and a simple hack vs patching a lib seems preferable diff --git a/apps/ledger-live-mobile/src/index.tsx b/apps/ledger-live-mobile/src/index.tsx index 18bcd111e6d7..b682ee3fbbeb 100644 --- a/apps/ledger-live-mobile/src/index.tsx +++ b/apps/ledger-live-mobile/src/index.tsx @@ -1,5 +1,6 @@ import "./polyfill"; import "./live-common-setup"; +import "./iosWebsocketFix"; import { GestureHandlerRootView } from "react-native-gesture-handler"; import React, { Component, useCallback, useMemo, useEffect } from "react"; import { StyleSheet, LogBox, Appearance, AppState } from "react-native"; diff --git a/apps/ledger-live-mobile/src/iosWebsocketFix.ts b/apps/ledger-live-mobile/src/iosWebsocketFix.ts new file mode 100644 index 000000000000..0da406bc7b58 --- /dev/null +++ b/apps/ledger-live-mobile/src/iosWebsocketFix.ts @@ -0,0 +1,25 @@ +import { Platform } from "react-native"; +// @ts-expect-error WebSocketInterceptor is not exposed by react d.ts +import WebSocketInterceptor from "react-native/Libraries/WebSocket/WebSocketInterceptor.js"; + +// We are adding a missing user-agent header on the websocket for iOS with RN +// https://github.com/facebook/react-native/issues/28450 +// https://github.com/facebook/react-native/issues/30727 +// We need to use the interceptor as we don't control the code initiating the websocket +// Updating the options passed in by the interceptor works fine +// https://github.com/facebook/react-native/blob/3dfe22bd27429a43b4648c597b71f7965f31ca65/packages/react-native/Libraries/WebSocket/WebSocketInterceptor.js#L148-L163 +// Another solution could be to use pnpm to patch react native WebSocket linked below +// https://github.com/facebook/react-native/blob/3dfe22bd27429a43b4648c597b71f7965f31ca65/packages/react-native/Libraries/WebSocket/WebSocket.js +// But the interceptor seems lean enough and a simple hack vs patching a lib seems preferable + +if (Platform.OS === "ios") { + WebSocketInterceptor.enableInterception(); + WebSocketInterceptor.setConnectCallback( + (_url: string, _protocols: string[] | null, options?: { headers?: Record }) => { + if (options) { + if (!options.headers) options.headers = {}; + if (!options.headers["User-Agent"]) options.headers["User-Agent"] = "ReactNative"; + } + }, + ); +}