From f05e3a6bb341437bc5a5f5f5d35e1cdbe0e5606f Mon Sep 17 00:00:00 2001
From: Franck Royer <franck@status.im>
Date: Fri, 18 Jun 2021 15:18:05 +1000
Subject: [PATCH] Add key to list items

---
 examples/eth-dm/src/SendMessage.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/examples/eth-dm/src/SendMessage.tsx b/examples/eth-dm/src/SendMessage.tsx
index 723c00d773..f35bd2c4de 100644
--- a/examples/eth-dm/src/SendMessage.tsx
+++ b/examples/eth-dm/src/SendMessage.tsx
@@ -46,7 +46,11 @@ export function SendMessage(props: Props) {
   };
 
   const items = Array.from(props.recipients.keys()).map((recipient) => {
-    return <MenuItem value={recipient}>{recipient}</MenuItem>;
+    return (
+      <MenuItem key={recipient} value={recipient}>
+        {recipient}
+      </MenuItem>
+    );
   });
 
   const keyDownHandler = async (event: KeyboardEvent<HTMLInputElement>) => {