feat(Typography): add key prop to React.Fragment in HeadingExamples

livechat · Jan 29, 2025 · 17514a4 · 17514a4
1 parent 9eb1458
commit 17514a4
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/react-components/src/stories/foundations/Typography/components/HeadingExamples.tsx b/packages/react-components/src/stories/foundations/Typography/components/HeadingExamples.tsx
@@ -8,14 +8,14 @@ export const HeadingExamples: React.FC = () => {
       <>
         <Heading size={size}>Heading {size.toUpperCase()}</Heading>
         {['2xs', '3xs'].includes(size) && (
-          <>
+          <React.Fragment key={size}>
             <Heading size={size} uppercase>
               Heading {size.toUpperCase()} with uppercase
             </Heading>
             <Heading size={size} uppercase bold>
               Heading {size.toUpperCase()} with uppercase and bold
             </Heading>
-          </>
+          </React.Fragment>
         )}
       </>
     );