From 075e42c076d28ef6f252e183571ea066e3f06574 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Fri, 20 Dec 2019 21:31:07 +0100
Subject: [PATCH] use transactionId as key for react

---
 src/components/structures/MatrixChat.js             | 2 +-
 src/components/views/right_panel/EncryptionPanel.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/structures/MatrixChat.js b/src/components/structures/MatrixChat.js
index 88448311d2..0449c2b4fd 100644
--- a/src/components/structures/MatrixChat.js
+++ b/src/components/structures/MatrixChat.js
@@ -1463,7 +1463,7 @@ export default createReactClass({
                     dis.dispatch({
                         action: "show_toast",
                         toast: {
-                            key: request.event.getId(),
+                            key: request.channel.transactionId,
                             title: _t("Verification Request"),
                             icon: "verification",
                             props: {request},
diff --git a/src/components/views/right_panel/EncryptionPanel.js b/src/components/views/right_panel/EncryptionPanel.js
index 7992933864..e3f3b86940 100644
--- a/src/components/views/right_panel/EncryptionPanel.js
+++ b/src/components/views/right_panel/EncryptionPanel.js
@@ -30,7 +30,7 @@ export default class EncryptionPanel extends React.PureComponent {
         const request = this.props.verificationRequest || this.state.verificationRequest;
         const {member} = this.props;
         if (request) {
-            return <VerificationPanel request={request} />;
+            return <VerificationPanel request={request} key={request.channel.transactionId} />;
         } else if (member) {
             return <EncryptionInfo onStartVerification={this._onStartVerification} member={member} />;
         } else {