Unhandled Promise Rejection
"Player doesn't exist" or sometimes "Player not found"

// useSoundEffect.ts
import { Audio } from "expo-av"
import { useEffect, useState } from "react"

function useSoundEffect(source: any) {
  const [sound, setSound] = useState<Audio.Sound>(null)

  useEffect(() => {
    let _sound: Audio.SoundObject = null
    const loadSound = async () => {
      _sound = await Audio.Sound.createAsync(source)
      setSound(_sound.sound)
    }
    loadSound()

    return () => {
      _sound?.sound?.unloadAsync()
    } 
  }, [])

  return sound
}

export default useSoundEffect

// First I add a Typescript definition to import .mp3 files
// If you want to be fancy, you can always specify a type for any
// I just went the quick way to get it working
declare module "*.mp3" {
  const value: any;
  export default value;
}

// Then somewhere in the code, I can import the sound
import SoundFanfare from '@page/against-humanity/sounds/fanfare.mp3'

// And then, in any component, you can just use the hook like so
const soundFanfare = useSoundEffect(SoundFanfare)

// Then at any time, you can play the sound
const playSound = () => {
  soundFanfare.playAsync()
}

// And you don't even have to worry about the unloading <3