From 75e717785a0e4189c79d35523f85ab9327bd1af8 Mon Sep 17 00:00:00 2001
From: Kasper Seweryn <github@wvffle.net>
Date: Tue, 13 Dec 2022 21:02:47 +0000
Subject: [PATCH] Resolve "Invalid prop: type check failed for prop "index".
 Expected Number with value NaN, got Undefined" NOCHANGELOG

---
 front/src/components/Queue.vue           | 1 +
 front/src/composables/audio/audio-api.ts | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/front/src/components/Queue.vue b/front/src/components/Queue.vue
index ec3d8768e..5bbc83439 100644
--- a/front/src/components/Queue.vue
+++ b/front/src/components/Queue.vue
@@ -437,6 +437,7 @@ const coverType = useStorage('queue:cover-type', CoverType.COVER_ART)
         >
           <template #default="{ index, item, classlist }">
             <queue-item
+              v-if="index !== undefined"
               :data-index="index"
               :index="index"
               :source="item"
diff --git a/front/src/composables/audio/audio-api.ts b/front/src/composables/audio/audio-api.ts
index 1dc3e1da5..380c0b475 100644
--- a/front/src/composables/audio/audio-api.ts
+++ b/front/src/composables/audio/audio-api.ts
@@ -31,7 +31,12 @@ const equalizerFilters = [
 let lastNode: IAudioNode<IAudioContext> | null = null
 export const connectAudioSource = (sourceNode: IAudioNode<IAudioContext>) => {
   for (const filter of equalizerFilters) {
-    lastNode?.disconnect(filter)
+    try {
+      lastNode?.disconnect(filter)
+    } catch (e) {
+      // NOTE: The error is probably InvalidAccessError, because the nodes aren't connected. We just ignore it.
+    }
+
     sourceNode.connect(filter)
   }