Fix uncaught FirmwareNotRecognized in useAvailableLanguagesForDevice (#…

…5701)

* fix(common/manager/hooks): catch error in useAvailableLanguagesForDevice

* chore: changeset

* fix(mobile/sentry): add FirmwareNotRecognized to ignored errors

* chore: changeset

.changeset/lemon-students-cheat.md

@@ -0,0 +1,5 @@
+---
+"@ledgerhq/live-common": patch
+---
+
+Catch and return error in useAvailableLanguagesForDevice

.changeset/twelve-nails-dance.md

@@ -0,0 +1,6 @@
+---
+"ledger-live-desktop": patch
+"live-mobile": patch
+---
+
+Add "FirmwareNotRecognized" to errors ignored by Sentry

apps/ledger-live-desktop/src/sentry/install.ts

@@ -86,6 +86,8 @@ const ignoreErrors = [
   "UnresponsiveDeviceError",
   "PairingFailed",
   "Ledger device: UNKNOWN_ERROR",
+  // wrong My Ledger provider selected for the firmware of the connected device
+  "FirmwareNotRecognized",
   // errors coming from the usage of a Transport implementation
   "HwTransportError",
   // other

apps/ledger-live-mobile/index.js

@@ -62,6 +62,8 @@ const excludedErrorName = [
   "ManagerDeviceLocked",
   "LockedDeviceError",
   "UnresponsiveDeviceError",
+  // wrong My Ledger provider selected for the firmware of the connected device
+  "FirmwareNotRecognized",
   // errors coming from the usage of a Transport implementation
   "HwTransportError",
   // other

libs/ledger-live-common/src/manager/hooks.ts

@@ -63,18 +63,33 @@ export function useManagerBlueDot(dmi: DeviceModelInfo | null | undefined): bool
 
 export const useAvailableLanguagesForDevice = (
   deviceInfo?: DeviceInfo | null,
-): { availableLanguages: Language[]; loaded: boolean } => {
+): { availableLanguages: Language[]; loaded: boolean; error: Error | null } => {
   const [availableLanguages, setAvailableLanguages] = useState<Language[]>([]);
   const [loaded, setLoaded] = useState(false);
+  const [error, setError] = useState<Error | null>(null);
 
   useEffect(() => {
+    let dead = false;
     if (deviceInfo) {
-      manager
-        .getAvailableLanguagesDevice(deviceInfo)
-        .then(setAvailableLanguages)
-        .finally(() => setLoaded(true));
+      manager.getAvailableLanguagesDevice(deviceInfo).then(
+        languages => {
+          if (dead) return;
+          setAvailableLanguages(languages);
+          setError(null);
+          setLoaded(true);
+        },
+        error => {
+          if (dead) return;
+          setAvailableLanguages([]);
+          setError(error);
+          setLoaded(true);
+        },
+      );
     }
+    return () => {
+      dead = true;
+    };
   }, [deviceInfo]);
 
-  return { availableLanguages, loaded };
+  return { availableLanguages, loaded, error };
 };