From 4da2eb2cf09ec161f682e67e8e70ca836a3d822a Mon Sep 17 00:00:00 2001
From: Kyle Shevlin <kyle.a.shevlin@gmail.com>
Date: Wed, 9 Oct 2024 13:55:36 -0700
Subject: [PATCH] Add missing `key` to `TabItemView` in `TabsList`

Keys are required when rendering arrays in React so that React can properly update the correct items when the arrays update. This will remove a warning about the missing key prop.
---
 src/CometChatTabs/CometChatTabs.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/CometChatTabs/CometChatTabs.tsx b/src/CometChatTabs/CometChatTabs.tsx
index 3100a64..8be9194 100644
--- a/src/CometChatTabs/CometChatTabs.tsx
+++ b/src/CometChatTabs/CometChatTabs.tsx
@@ -147,7 +147,7 @@ export const CometChatTabs = (props: CometChatTabsInterface) => {
     const TabsList = () => {
         return (
             <View style={{flexDirection: 'row', backgroundColor: style?.backgroundColor, borderRadius: style?.borderRadius, margin: 15, marginTop: 0}}>
-                { tabs.map(item=> <TabItemView item={item}/>) }
+                {tabs.map(item => <TabItemView key={item.id} item={item} />)}
             </View>
         )
     }
@@ -175,4 +175,4 @@ export const CometChatTabs = (props: CometChatTabsInterface) => {
             </View>
         </View>
     )
-}
\ No newline at end of file
+}