From 02ac73eb25c953c7df1dec74b3f0587eab44b12c Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Wed, 18 Mar 2020 18:02:49 +0200
Subject: [PATCH] AddressBook: add missing key property to list items.

Well actually just remove the useless div, but the driver was
to add the missing key prop.
---
 src/components/AddressBook.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/AddressBook.tsx b/src/components/AddressBook.tsx
index a5eda8f..bc40263 100644
--- a/src/components/AddressBook.tsx
+++ b/src/components/AddressBook.tsx
@@ -50,6 +50,7 @@ function getContactColor(contact: ContactType) {
 
 const AddressBookItem = React.memo((_props: any) => {
   const {
+    style,
     entry,
     onClick,
   } = _props;
@@ -57,6 +58,7 @@ const AddressBookItem = React.memo((_props: any) => {
 
   return (
     <ListItem
+      style={style}
       leftIcon={
         <Avatar style={{ backgroundColor: getContactColor(entry) }}>
           {name && name[0] && name[0].toUpperCase()}
@@ -104,13 +106,12 @@ class AddressBook extends React.PureComponent<PropsType> {
               rowHeight={56}
               rowRenderer={({ index, key, style }) => {
                 return (
-                  <div style={style}>
-                    <AddressBookItem
-                      key={key}
-                      entry={entries[index]}
-                      onClick={this.props.onItemClick}
-                    />
-                  </div>
+                  <AddressBookItem
+                    key={key}
+                    style={style}
+                    entry={entries[index]}
+                    onClick={this.props.onItemClick}
+                  />
                 );
               }}
             />