React native track player pseudo code

react-native-track-player-example.tsx

// useInitializeTrackPlayer.ts

function useInitializeTrackPlayer() {
    const [isInitialized, setIsInitialized] = useState(false);

    useEffect(() => {
        async function initializeTrackPlayer() {
            await TrackPlayer.setupPlayer();
            TrackPlayer.setOptions(...); // maybe await this? Not sure if it's async
            setIsInitialized(true);
        }
        
        initializeTrackPlayer();
    }, [])

    return isInitialized;
}

// App.tsx

function App() {
    const isTrackPlayerInitialized = useInitializeTrackPlayer();

    if (!isTrackPlayerInitialized) {
        // Render spinner animation, or just don't render anything at all,
        // probably add a comment for the team on why you have to do this. Point
        // to the ReactNativeTrackPlayer example project if you need to.
        return ... 
    } else {
        // Render your app as normal
        return ... 
    }
}

// index.tsx

... // The rest of your index code
TrackPlayer.registerService(...);
// Nothing else TrackPlayer related here
                            
// OtherComponent.tsx
                            
function OtherComponent() {
    return <button onClick={() => TrackPlayer.play()}>Play</button>
}