Wrap queue handler in callback

src/renderer/features/player/hooks/use-playqueue-handler.ts

@@ -1,3 +1,4 @@
+import { useCallback } from 'react';
 import { useQueryClient } from '@tanstack/react-query';
 import { api } from '@/renderer/api';
 import { queryKeys } from '@/renderer/api/query-keys';
@@ -20,7 +21,8 @@ export const usePlayQueueHandler = () => {
   const addToQueue = usePlayerStore((state) => state.addToQueue);
   const playerType = useSettingsStore((state) => state.player.type);
 
-  const handlePlayQueueAdd = async (options: PlayQueueAddOptions) => {
+  const handlePlayQueueAdd = useCallback(
+    async (options: PlayQueueAddOptions) => {
       if (options.byData) {
         // dispatchSongsToQueue(options.byData, options.play);
       }
@@ -77,7 +79,17 @@ export const usePlayQueueHandler = () => {
           play();
         }
       }
-  };
+    },
+    [
+      addToQueue,
+      isImageTokenRequired,
+      play,
+      playerType,
+      queryClient,
+      serverId,
+      serverToken,
+    ]
+  );
 
   return handlePlayQueueAdd;
 };