From f11a53c1a460812bfb373878f2808523e211e5a3 Mon Sep 17 00:00:00 2001
From: Kendall Garner <17521368+kgarner7@users.noreply.github.com>
Date: Mon, 9 Sep 2024 19:01:07 -0700
Subject: [PATCH] fix suspense

---
 .../player/components/full-screen-player-queue.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/renderer/features/player/components/full-screen-player-queue.tsx b/src/renderer/features/player/components/full-screen-player-queue.tsx
index 9b787bae..6906477c 100644
--- a/src/renderer/features/player/components/full-screen-player-queue.tsx
+++ b/src/renderer/features/player/components/full-screen-player-queue.tsx
@@ -11,14 +11,14 @@ import {
     useFullScreenPlayerStoreActions,
 } from '/@/renderer/store/full-screen-player.store';
 import { Lyrics } from '/@/renderer/features/lyrics/lyrics';
-import { Visualizer } from '/@/renderer/features/player/components/visualizer';
-import { lazy, useMemo } from 'react';
+import { lazy, Suspense, useMemo } from 'react';
 import { usePlaybackSettings } from '/@/renderer/store';
 import { PlaybackType } from '/@/renderer/types';
+import { FullScreenSimilarSongs } from '/@/renderer/features/player/components/full-screen-similar-songs';
 
-const FullScreenSimilarSongs = lazy(() =>
-    import('/@/renderer/features/player/components/full-screen-similar-songs').then((module) => ({
-        default: module.FullScreenSimilarSongs,
+const Visualizer = lazy(() =>
+    import('/@/renderer/features/player/components/visualizer').then((module) => ({
+        default: module.Visualizer,
     })),
 );
 
@@ -152,7 +152,9 @@ export const FullScreenPlayerQueue = () => {
             ) : activeTab === 'lyrics' ? (
                 <Lyrics />
             ) : activeTab === 'visualizer' && type === PlaybackType.WEB && webAudio ? (
-                <Visualizer />
+                <Suspense fallback={<></>}>
+                    <Visualizer />
+                </Suspense>
             ) : null}
         </GridContainer>
     );