From 507a9aa96e8484fd92b0ae905345f4f42ebeba94 Mon Sep 17 00:00:00 2001
From: Fredrik Thorsson <fredrik.thorsson@scandichotels.com>
Date: Wed, 7 Aug 2024 09:09:24 +0200
Subject: [PATCH] feat: change key

---
 .../SelectHotel/HotelFilter/index.tsx                | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/HotelReservation/SelectHotel/HotelFilter/index.tsx b/components/HotelReservation/SelectHotel/HotelFilter/index.tsx
index 49da69bb5..1c30bf264 100644
--- a/components/HotelReservation/SelectHotel/HotelFilter/index.tsx
+++ b/components/HotelReservation/SelectHotel/HotelFilter/index.tsx
@@ -11,8 +11,8 @@ export default async function HotelFilter({ filters }: HotelFilterProps) {
     <aside className={styles.container}>
       <div className={styles.facilities}>
         {formatMessage({ id: "Room facilities" })}
-        {filters.roomFacilities.map((roomFilter, index) => (
-          <div key={`room filter-${index}`} className={styles.filter}>
+        {filters.roomFacilities.map((roomFilter) => (
+          <div key={roomFilter} className={styles.filter}>
             <input id={roomFilter} name={roomFilter} type="checkbox" />
             <label htmlFor={roomFilter}>{roomFilter}</label>
           </div>
@@ -20,8 +20,8 @@ export default async function HotelFilter({ filters }: HotelFilterProps) {
       </div>
       <div className={styles.facilities}>
         {formatMessage({ id: "Hotel facilities" })}
-        {filters.hotelFacilities.map((hotelFilter, index) => (
-          <div key={`hotel filter-${index}`} className={styles.filter}>
+        {filters.hotelFacilities.map((hotelFilter) => (
+          <div key={hotelFilter} className={styles.filter}>
             <input id={hotelFilter} name={hotelFilter} type="checkbox" />
             <label htmlFor={hotelFilter}>{hotelFilter}</label>
           </div>
@@ -29,8 +29,8 @@ export default async function HotelFilter({ filters }: HotelFilterProps) {
       </div>
       <div className={styles.facilities}>
         {formatMessage({ id: "Hotel surroundings" })}
-        {filters.hotelSurroundings.map((surroundings, index) => (
-          <div key={`surroundings filter-${index}`} className={styles.filter}>
+        {filters.hotelSurroundings.map((surroundings) => (
+          <div key={surroundings} className={styles.filter}>
             <input id={surroundings} name={surroundings} type="checkbox" />
             <label htmlFor={surroundings}>{surroundings}</label>
           </div>