How does HLS auto play when it's in the queue?

[anasqadrei]

My tracks list is something like this:

const tracks = [
  {
    "id": 1,
    "url": "https://react-native-track-player.js.org/example/Longing.mp3",
    "title": "Longing",
    "artist": "David Chavez",
    "artwork": "https://react-native-track-player.js.org/example/Longing.jpeg",
    "duration": 143
  },
  {
    "id": 2,
    "url": "https://react-native-track-player.js.org/example/hls/whip/playlist.m3u8",
    "title": "Whip",
    "artist": "prazkhanal",
    "artwork": "https://react-native-track-player.js.org/example/hls/whip/whip.jpeg"
  },
  {
    "id": 3,
    "url": "https://react-native-track-player.js.org/example/Soul%20Searching.mp3",
    "title": "Soul Searching (Demo)",
    "artist": "David Chavez",
    "artwork": "https://react-native-track-player.js.org/example/Soul%20Searching.jpeg",
    "duration": 77
  },
]

I initialised my player like this:

    await TrackPlayer.setupPlayer()
    await TrackPlayer.add(tracks)

I have a Play button that runs TrackPlayer.play() and a Next button that runs TrackPlayer.skipToNext()

They all work fine except track 2 does not auto play when track 1 finishes (or when I click next from track 1). It moves to track 2 but does not play. I have to press on play for track 2 to actually play.

That doesn't happen to track 3. When track 2 finishes (or when I press next), it goes automatically to track 3 and auto plays it.

I tried with different tracks. It only has this behaviour with hls/m3u8 tracks. Is that the normal behaviour? Am I missing something? I tried adding "type": "hls" in the above array and have "hls": true in track-player.json but nothing changed.

I ran it on iOS simulator and a real iPhone device. Same behaviour. Haven't tried on android yet.