QR-Code not getting refreshed

Background

When a qr-code times out during data transfer; and the user refreshes the qr-code, the new code isn't presented until the user clicks somewhere on the modal.

We suspect that it can be related to the latest upgrade in Angular, because we tested this feature on an old version of the code, which didn't have the Angular upgrade.

See Screen Record: https://drive.google.com/drive/folders/1fy8sGlbWKNFLq2zv912PtmqqJ8jjpVxH?usp=drive_link

What to do

• Identifiy the cause for this strange behavior: a hint to this is the way that state on this page is being managed, or how changes are being replicated or dispatched at rendering time.
• New QR-code should be rendered right after the user presses "retry". (or at least the previous one marked as no longer valid, decreasing opaciy oder replace with a grey box)