From 69f8de8c88865497a828d6db5b48b358a10ea66f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20Go=C5=82as?= <mgolas@virtuslab.com>
Date: Mon, 13 May 2024 16:57:12 +0200
Subject: [PATCH] feat: TET-858 missing key

---
 src/docs-components/BooleanPillDocs.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/docs-components/BooleanPillDocs.tsx b/src/docs-components/BooleanPillDocs.tsx
index 10a50c17..ee762117 100644
--- a/src/docs-components/BooleanPillDocs.tsx
+++ b/src/docs-components/BooleanPillDocs.tsx
@@ -38,7 +38,7 @@ export const BooleanPillDocs: FC = () => (
         </SectionHeader>
         {appearances.map((appearance) => (
           <tet.div
-            key={String(appearance)}
+            key={`${state}-${appearance}`}
             display="flex"
             flexDirection="column"
             bg={appearance ? '$color-background-neutral-subtle' : undefined}
@@ -54,7 +54,11 @@ export const BooleanPillDocs: FC = () => (
             </SectionHeader>
 
             {selected.map((select) => (
-              <tet.div px="$dimension-1000" pb="$dimension-500">
+              <tet.div
+                px="$dimension-1000"
+                pb="$dimension-500"
+                key={`${states}-${appearance}-${select}`}
+              >
                 <SectionHeader variant="H3" as="h4" pt="$dimension-500">
                   Selected: {String(select)}
                 </SectionHeader>