fix: add keys on mapped components

components/Loyalty/Sidebar/index.tsx

@@ -9,12 +9,15 @@ import { SidebarProps } from "@/types/components/loyalty/sidebar"
 
 export default function SidebarLoyalty({ blocks, lang }: SidebarProps) {
   return (
-    <aside className={styles.aside}>
-      {blocks.map((block) => {
+<aside className={styles.aside}>
+      {blocks.map((block, idx) => {
         switch (block.__typename) {
           case SidebarTypenameEnum.LoyaltyPageSidebarContent:
             return (
-              <section className={styles.content}>
+              <section
+                className={styles.content}
+                key={`${block.__typename}-${idx}`}
+              >
                 <JsonToHtml
                   embeds={block.content.content.embedded_itemsConnection.edges}
                   nodes={block.content.content.json.children}
@@ -26,6 +29,7 @@ export default function SidebarLoyalty({ blocks, lang }: SidebarProps) {
               <JoinLoyaltyContact
                 block={block.join_loyalty_contact}
                 lang={lang}
+                key={`${block.join_loyalty_contact.title}-${idx}`}
               />
             )
           default: