From ab0848952d32af8c06d908d605c02fde7d121f7b Mon Sep 17 00:00:00 2001
From: Kant <quentin.jaccarino@ledger.fr>
Date: Tue, 22 Oct 2024 12:55:35 +0200
Subject: [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

---
 .changeset/breezy-deers-scream.md             | 15 +++++++++++
 apps/ledger-live-mobile/src/index.tsx         |  1 +
 .../ledger-live-mobile/src/iosWebsocketFix.ts | 25 +++++++++++++++++++
 3 files changed, 41 insertions(+)
 create mode 100644 .changeset/breezy-deers-scream.md
 create mode 100644 apps/ledger-live-mobile/src/iosWebsocketFix.ts

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<string, string> }) => {
+      if (options) {
+        if (!options.headers) options.headers = {};
+        if (!options.headers["User-Agent"]) options.headers["User-Agent"] = "ReactNative";
+      }
+    },
+  );
+}