From 44fce6fbf39cd6b451b82eb487b5672edcdd6ef8 Mon Sep 17 00:00:00 2001
From: Chewbacca <dice.warrant-02@icloud.com>
Date: Wed, 25 Jan 2023 10:06:03 -0500
Subject: [PATCH] Add 'key' to Link to fix react console error

---
 app/soapbox/components/status-reply-mentions.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/components/status-reply-mentions.tsx b/app/soapbox/components/status-reply-mentions.tsx
index 7cc2fe026..5d1374a69 100644
--- a/app/soapbox/components/status-reply-mentions.tsx
+++ b/app/soapbox/components/status-reply-mentions.tsx
@@ -50,7 +50,14 @@ const StatusReplyMentions: React.FC<IStatusReplyMentions> = ({ status, hoverable
   // The typical case with a reply-to and a list of mentions.
   const accounts = to.slice(0, 2).map(account => {
     const link = (
-      <Link to={`/@${account.acct}`} className='reply-mentions__account' onClick={(e) => e.stopPropagation()}>@{account.username}</Link>
+      <Link
+        key={account.id}
+        to={`/@${account.acct}`}
+        className='reply-mentions__account'
+        onClick={(e) => e.stopPropagation()}
+      >
+        @{account.username}
+      </Link>
     );
 
     if (hoverable) {