From 76e754dcc13c64db6d412a91e537f5a354980ea9 Mon Sep 17 00:00:00 2001
From: abdulbasithqb <abdul.basith@qburst.com>
Date: Wed, 15 Nov 2023 13:49:24 +0530
Subject: [PATCH] fix: unique key prop warning for child components in list

---
 .../storybook/stories/components/basic/ScrollView/Basic.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/example/storybook/stories/components/basic/ScrollView/Basic.tsx b/example/storybook/stories/components/basic/ScrollView/Basic.tsx
index cb7c23fce..ee4a1f95e 100644
--- a/example/storybook/stories/components/basic/ScrollView/Basic.tsx
+++ b/example/storybook/stories/components/basic/ScrollView/Basic.tsx
@@ -11,7 +11,7 @@ export const Example = () => {
         {Object.keys(colors.cyan).map((key, index) => {
           if (index >= 1 && index <= 5)
             return (
-              <Center py="4" bg={`cyan.${key}`}>
+              <Center py="4" bg={`cyan.${key}`} key={`cyan-${index}`}>
                 {key}
               </Center>
             );
@@ -24,7 +24,7 @@ export const Example = () => {
         {Object.keys(colors.cyan).map((key, index) => {
           if (index >= 1 && index <= 5)
             return (
-              <Center py="4" bg={`yellow.${key}`}>
+              <Center py="4" bg={`yellow.${key}`} key={`yellow-${index}`}>
                 {key}
               </Center>
             );
@@ -37,7 +37,7 @@ export const Example = () => {
         {Object.keys(colors.violet).map((key, index) => {
           if (index >= 1 && index <= 5)
             return (
-              <Center py="4" bg={`violet.${key}`}>
+              <Center py="4" bg={`violet.${key}`} key={`violet-${index}`}>
                 {key}
               </Center>
             );