From 601f8aff6b8fe79afea1f481f78c644e7676d2e2 Mon Sep 17 00:00:00 2001
From: MerlinScheurer <merlin.scheurer@Yahoo.de>
Date: Sun, 12 Jan 2025 15:29:20 +0100
Subject: [PATCH] Add key to appriseNotification list

---
 frontend/src/pages/SettingsScheduling.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/SettingsScheduling.tsx b/frontend/src/pages/SettingsScheduling.tsx
index 12749d1f..d3f50d93 100644
--- a/frontend/src/pages/SettingsScheduling.tsx
+++ b/frontend/src/pages/SettingsScheduling.tsx
@@ -2,7 +2,7 @@ import Notifications from '../components/Notifications';
 import SettingsNavigation from '../components/SettingsNavigation';
 import Button from '../components/Button';
 import PaginationDummy from '../components/PaginationDummy';
-import { useEffect, useState } from 'react';
+import { Fragment, useEffect, useState } from 'react';
 import loadSchedule, { ScheduleResponseType } from '../api/loader/loadSchedule';
 import loadAppriseNotification, {
   AppriseNotificationType,
@@ -415,11 +415,12 @@ const SettingsScheduling = () => {
                 <div className="description-text">
                   {Object.entries(appriseNotification)?.map(([key, { urls, title }]) => {
                     return (
-                      <>
-                        <h3 key={key}>{title}</h3>
+                      <Fragment key={key}>
+                        <h3>{title}</h3>
+
                         {urls.map((url: string) => {
                           return (
-                            <p>
+                            <p key={`${key}_${url}`}>
                               <span>{url} </span>
                               <Button
                                 type="button"
@@ -434,13 +435,14 @@ const SettingsScheduling = () => {
                             </p>
                           );
                         })}
-                      </>
+                      </Fragment>
                     );
                   })}
                 </div>
               </>
             )}
           </div>
+
           <div className="settings-item">
             <p>
               <i>
@@ -451,6 +453,7 @@ const SettingsScheduling = () => {
                 library.
               </i>
             </p>
+
             <select
               value={notificationTask}
               onChange={e => {
@@ -472,6 +475,7 @@ const SettingsScheduling = () => {
                 setNotificationUrl(e.currentTarget.value);
               }}
             />
+
             <Button
               label="Save"
               onClick={async () => {