Fix React warning

1 files changed, 6 insertions, 3 deletions

diff --git a/vnext/src/components/UserInfo.js b/vnext/src/components/UserInfo.js
index 0a13f050..90cbb5e0 100644
--- a/vnext/src/components/UserInfo.js
+++ b/vnext/src/components/UserInfo.js
@@ -62,9 +62,12 @@ export default function UserInfo(props) {
 }
 
 function Summary({ user }) {
-    let read = user.read && <Link to={`/${user.uname}/friends`}>I read: {user.read.length}</Link>;
-    let readers = user.readers && <Link to={`/${user.uname}/readers`}>My readers: {user.readers.length}</Link>
-    let mybl = user.statsMyBL && <Link to={`/${user.uname}/bl`}>My blacklist: {user.statsMyBL}</Link>
+    const readUrl = `/${user.uname}/friends`;
+    const readersUrl = `/${user.uname}/readers`;
+    const blUrl = `/${user.uname}/bl`;
+    let read = user.read && <Link key={readUrl} to={readUrl}>I read: {user.read.length}</Link>;
+    let readers = user.readers && <Link key={readersUrl} to={readersUrl}>My readers: {user.readers.length}</Link>
+    let mybl = user.statsMyBL && <Link key={blUrl} to={blUrl}>My blacklist: {user.statsMyBL}</Link>
     let presentItems = [read, readers, mybl].filter(Boolean);
     return (
         <div className="msg-summary">