fix: qr-based bridge

Author: klejeune

ui/components/app/qr-hardware-popover/qr-hardware-sign-request/qr-hardware-sign-request.component.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useDispatch } from 'react-redux';
 import { completeQrCodeScan } from '../../../../store/actions';
@@ -9,6 +9,11 @@ const QRHardwareSignRequest = ({ request, handleCancel, setErrorTitle }) => {
   const dispatch = useDispatch();
   const [status, setStatus] = useState('play');
 
+  // Reset to 'play' mode when a new transaction request comes in
+  useEffect(() => {
+    setStatus('play');
+  }, [request.requestId]);
+
   const toRead = useCallback(() => setStatus('read'), []);
 
   const handleSuccess = useCallback(