From 19e68e040be156d9ff340d4e0c50b5b7040de0e7 Mon Sep 17 00:00:00 2001
From: Brendon Walsh <brendonwalsh@niamu.com>
Date: Sun, 10 Dec 2023 16:26:51 -0500
Subject: [PATCH] Library sidebar uses unique React keys (#592)

* Library sidebar uses unique React keys

* Fix SCAN_START and SCAN_STOP actions
---
 ui/src/Components/Sidebar/Libraries.jsx | 2 +-
 ui/src/reducers/library.js              | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/Components/Sidebar/Libraries.jsx b/ui/src/Components/Sidebar/Libraries.jsx
index 7e5cc578c..864c85fe2 100644
--- a/ui/src/Components/Sidebar/Libraries.jsx
+++ b/ui/src/Components/Sidebar/Libraries.jsx
@@ -55,7 +55,7 @@ function Libraries() {
 
   // FETCH_LIBRARIES_OK
   if (fetched && !error && items.length > 0) {
-    libs = items.map((props, i) => <Library {...props} key={i} />);
+    libs = items.map((props) => <Library {...props} key={props.id} />);
   }
 
   if (libraries.items.length === 0) return null;
diff --git a/ui/src/reducers/library.js b/ui/src/reducers/library.js
index b4bd14c24..520d3bca7 100644
--- a/ui/src/reducers/library.js
+++ b/ui/src/reducers/library.js
@@ -196,12 +196,12 @@ export default function libraryReducer(state = initialState, action) {
     case SCAN_START:
       return {
         ...state,
-        scanning: [...scanning, action.id],
+        scanning: [...state.scanning, action.id],
       };
     case SCAN_STOP:
       return {
         ...state,
-        scanning: scanning.filter((id) => id !== action.id),
+        scanning: state.scanning.filter((id) => id !== action.id),
       };
     default:
       return state;