react-native-track-player/lib/src/hooks/useActiveTrack.js

A fully fledged audio module created for music apps

import { useState, useEffect } from 'react';
import { getActiveTrack } from '../trackPlayer';
import { Event } from '../constants';
import { useTrackPlayerEvents } from './useTrackPlayerEvents';
export const useActiveTrack = () => {
    const [track, setTrack] = useState();
    // Sets the initial index (if still undefined)
    useEffect(() => {
        let unmounted = false;
        getActiveTrack()
            .then((initialTrack) => {
            if (unmounted)
                return;
            setTrack((track) => track ?? initialTrack ?? undefined);
        })
            .catch(() => {
            // throws when you haven't yet setup, which is fine because it also
            // means there's no active track
        });
        return () => {
            unmounted = true;
        };
    }, []);
    useTrackPlayerEvents([Event.PlaybackActiveTrackChanged], async ({ track }) => {
        setTrack(track ?? undefined);
    });
    return track;
};