fix: add keys on mapped components

components/Loyalty/Blocks/index.tsx

@@ -13,7 +13,7 @@ export function Blocks({ blocks }: BlocksProps) {
     switch (block.__typename) {
       case LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksContent:
         return (
-          <section>
+          <section key={`${block.__typename}-${idx}`}>
             <JsonToHtml
               nodes={block.content.content.json.children}
               embeds={block.content.content.embedded_itemsConnection.edges}
@@ -25,19 +25,26 @@ export function Blocks({ blocks }: BlocksProps) {
           <DynamicContentBlock
             dynamicContent={block.dynamic_content}
             firstItem={firstItem}
+            key={`${block.dynamic_content.title}-${idx}`}
           />
         )
       case LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksShortcuts:
         return (
           <Shortcuts
             firstItem={firstItem}
+            key={`${block.shortcuts.title}-${idx}`}
             shortcuts={block.shortcuts.shortcuts}
             subtitle={block.shortcuts.preamble}
             title={block.shortcuts.title}
           />
         )
       case LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksCardsGrid:
-        return <CardsGrid cards_grid={block.cards_grid} />
+        return (
+          <CardsGrid
+            cards_grid={block.cards_grid}
+            key={`${block.cards_grid.title}-${idx}`}
+          />
+        )
       default:
         return null
     }