remove index as key

ts/components/conversation/InviteContactsDialog.tsx

@@ -178,7 +178,7 @@ const InviteContactsDialogInner = (props: Props) => {
     return members.map((member: ContactType, index: number) => (
       <SessionMemberListItem
         member={member}
-        key={index}
+        key={member.id}
         index={index}
         isSelected={selectedContacts.some(m => m === member.id)}
         onSelect={(selectedMember: ContactType) => {

ts/components/conversation/ModeratorsRemoveDialog.tsx

@@ -102,7 +102,7 @@ export class RemoveModeratorsDialog extends React.Component<Props, State> {
     return members.map((member: ContactType, index: number) => (
       <SessionMemberListItem
         member={member}
-        key={index}
+        key={member.id}
         index={index}
         isSelected={selectedContacts.some(m => m === member.id)}
         onSelect={(selectedMember: ContactType) => {

ts/components/session/LeftPaneSettingSection.tsx

@@ -128,7 +128,7 @@ const LeftPaneBottomButtons = () => {
   const showRecoveryPhrase = window.i18n('showRecoveryPhrase');
 
   return (
-    <div className="left-pane-setting-bottom-buttons">
+    <div className="left-pane-setting-bottom-buttons" key={1}>
       <SessionButton
         text={dangerButtonText}
         buttonType={SessionButtonType.SquareOutline}

ts/components/session/conversation/SessionCompositionBox.tsx

@@ -423,6 +423,7 @@ export class SessionCompositionBox extends React.Component<Props, State> {
             <SessionMemberListItem
               isSelected={focused}
               index={index++}
+              key={suggestion.id}
               member={{
                 id: `${suggestion.id}`,
                 authorPhoneNumber: `${suggestion.id}`,

ts/state/ducks/conversations.ts

@@ -169,7 +169,6 @@ export interface ConversationType {
   name?: string;
   profileName?: string;
   hasNickname: boolean;
-  index?: number;
 
   activeAt?: number;
   lastMessage?: LastMessageType;

ts/state/selectors/conversations.ts

@@ -121,8 +121,6 @@ export const _getLeftPaneLists = (
       };
     }
 
-    // conversation.index = index;
-
     // Add Open Group to list as soon as the name has been set
     if (conversation.isPublic && (!conversation.name || conversation.name === 'Unknown group')) {
       continue;