diff --git a/example/storybook/stories/components/basic/ScrollView/Basic.tsx b/example/storybook/stories/components/basic/ScrollView/Basic.tsx
index cb7c23fced..ee4a1f95e2 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>
             );