fix(extension): add safe handling for video stream cleanup [LW-12719] (#1896)

Author: przemyslaw-wlodek

apps/browser-extension-wallet/src/views/bitcoin-mode/features/multi-wallet/restore-wallet/steps/ScanShieldedMessage.tsx

@@ -58,8 +58,10 @@ export const ScanShieldedMessage: VFC = () => {
   const [deviceId, setDeviceId] = useState<MediaDeviceInfo['deviceId'] | null>();
 
   const endVideoTracks = () => {
-    streamRef.current.getVideoTracks().forEach((t) => t.stop());
-    streamRef.current = null;
+    if (streamRef.current) {
+      streamRef.current.getVideoTracks().forEach((t) => t.stop());
+      streamRef.current = null;
+    }
   };
 
   const handleDeviceChange = async (value: MediaDeviceInfo['deviceId']) => {
@@ -109,6 +111,8 @@ export const ScanShieldedMessage: VFC = () => {
     };
     setScanState('waiting');
     getVideoStream();
+
+    return endVideoTracks;
   }, [
     deviceId,
     analytics,

apps/browser-extension-wallet/src/views/browser-view/features/multi-wallet/restore-wallet/steps/ScanShieldedMessage.tsx

@@ -58,8 +58,10 @@ export const ScanShieldedMessage: VFC = () => {
   const [deviceId, setDeviceId] = useState<MediaDeviceInfo['deviceId'] | null>();
 
   const endVideoTracks = () => {
-    streamRef.current.getVideoTracks().forEach((t) => t.stop());
-    streamRef.current = null;
+    if (streamRef.current) {
+      streamRef.current.getVideoTracks().forEach((t) => t.stop());
+      streamRef.current = null;
+    }
   };
 
   const handleDeviceChange = async (value: MediaDeviceInfo['deviceId']) => {
@@ -109,6 +111,8 @@ export const ScanShieldedMessage: VFC = () => {
     };
     setScanState('waiting');
     getVideoStream();
+
+    return endVideoTracks;
   }, [
     deviceId,
     analytics,