fix: FINNALY FIXED AND COMPILABLE

app/music/page.tsx

@@ -112,19 +112,7 @@ export default function MusicPage() {
     };
 
     useEffect(() => {
-        let active = true;
-
-        const run = async () => {
-            const data = await fetchTracks();
-            if (!active) return;
-            setTracks(data);
-        };  
-
-        void run();
-
-        return () => {
-            active = false;
-        };
+        fetchTracks(); 
     }, [isPlaying]);
 
     // Group tracks by theme
@@ -349,7 +337,7 @@ export default function MusicPage() {
                         <div className="border border-white/10 bg-black overflow-hidden">
                             {isVideo ? (
                                 <video
-                                    ref={mediaRef as unknown}
+                                    ref={mediaRef as React.RefObject<HTMLVideoElement>}
                                     onTimeUpdate={handleTimeUpdate}
                                     onEnded={nextTrack}
                                     onPlay={() => setIsPlaying(true)}
@@ -390,7 +378,7 @@ export default function MusicPage() {
 
                                     {/* Audio element (hidden) */}
                                     <audio
-                                        ref={mediaRef as unknown}
+                                        ref={mediaRef as React.RefObject<HTMLAudioElement>}
                                         onTimeUpdate={handleTimeUpdate}
                                         onEnded={nextTrack}
                                         onPlay={() => setIsPlaying(true)}