fix: updated from 9.3.3 to 15

app/music/page.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import Image from "next/image";
 import { useState, useRef, useEffect, MouseEvent } from 'react';
 
 // Configuration
@@ -113,8 +112,20 @@ export default function MusicPage() {
     };
 
     useEffect(() => {
-        void fetchTracks();
-    }, []);
+        let active = true;
+
+        const run = async () => {
+            const data = await fetchTracks();
+            if (!active) return;
+            setTracks(data);
+        };  
+
+        void run();
+
+        return () => {
+            active = false;
+        };
+    }, [isPlaying]);
 
     // Group tracks by theme
     const tracksByTheme = tracks.reduce<Record<string, Track[]>>((acc, track) => {
@@ -338,7 +349,7 @@ export default function MusicPage() {
                         <div className="border border-white/10 bg-black overflow-hidden">
                             {isVideo ? (
                                 <video
-                                    ref={mediaRef as any}
+                                    ref={mediaRef as unknown}
                                     onTimeUpdate={handleTimeUpdate}
                                     onEnded={nextTrack}
                                     onPlay={() => setIsPlaying(true)}
@@ -379,7 +390,7 @@ export default function MusicPage() {
 
                                     {/* Audio element (hidden) */}
                                     <audio
-                                        ref={mediaRef as any}
+                                        ref={mediaRef as unknown}
                                         onTimeUpdate={handleTimeUpdate}
                                         onEnded={nextTrack}
                                         onPlay={() => setIsPlaying(true)}