fix: add keys on mapped components

2024-06-04 13:37:17 +02:00
parent d5b08e3a36
commit d84c27b73c
9 changed files with 55 additions and 22 deletions
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/index.tsx
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/index.tsx
@@ -29,8 +29,9 @@ export default function BenefitList({ levels }: BenefitListProps) {
          <BenefitCard
            title={benefit.name}
            description={benefit.description}
-            comparedValues={levelBenefits.map((benefit) => {
+            comparedValues={levelBenefits.map((benefit, idx) => {
              return {
+                key: `${benefit.name}-${idx}`,
                value: benefit.value,
                unlocked: benefit.unlocked,
                valueDetails: benefit.valueDetails,