From f37f2a0f34512fa8aebdd5e71e17fd8e351f0363 Mon Sep 17 00:00:00 2001
From: Emma Zettervall <emma.zettervall@scandichotels.com>
Date: Mon, 8 Dec 2025 13:56:27 +0000
Subject: [PATCH] Merged in fix/LOY-376-compare-levels-show-wrong-benefits
 (pull request #3303)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix(LOY-376): replaced index-based key with a stable key to prevent incorrect rerenders.

* fix(LOY-376): replaced index-based key with a stable key to prevent incorrect rerenders.


Approved-by: Anton Gunnarsson
Approved-by: Linus Flood
Approved-by: Matilda Landström
Approved-by: Chuma Mcphoy (We Ahead)
---
 .../DynamicContent/OverviewTable/RewardList/index.tsx      | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardList/index.tsx b/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardList/index.tsx
index fcfad53ba..b9fd76c15 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardList/index.tsx
+++ b/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardList/index.tsx
@@ -13,7 +13,7 @@ import type { RewardListProps } from "@/types/components/overviewTable"
 export default function RewardList({ levels }: RewardListProps) {
   const keyedGroupedRewards = getGroupedRewards(levels)
 
-  return Object.values(keyedGroupedRewards).map((groupedRewards) => {
+  return Object.values(keyedGroupedRewards).map((groupedRewards, key) => {
     const rewardIdsInGroup = groupedRewards.map((b) => b.reward_id)
 
     const { label, description } = getGroupedLabelAndDescription(groupedRewards)
@@ -23,10 +23,7 @@ export default function RewardList({ levels }: RewardListProps) {
     })
 
     return (
-      <div
-        key={levelRewards[0]?.reward_id ?? ""}
-        className={styles.rewardCardWrapper}
-      >
+      <div key={key} className={styles.rewardCardWrapper}>
         <RewardCard
           title={label}
           description={description}