This snippet shows how to load audio with Three JS

audioLoading.jsx

const [sound, setSound] = useState()
const [listener, setListener] = useState()
const [analyser, setAnalyser] = useState()
const [data, setData] = useState(1)
// load a sound and set it as the Audio object's buffer
useEffect(() => {
  const listener = new THREE.AudioListener()
  setListener(listener)
  const sound = new THREE.PositionalAudio(listener)
  setSound(sound)
  const analyser = new THREE.AudioAnalyser(sound, 32)
  setAnalyser(analyser)
  const audioLoader = new THREE.AudioLoader()
  audioLoader.load('/audio/afterparty.mp3', (buffer) => {
    sound.setBuffer(buffer)
    sound.setLoop(true)
    sound.setVolume(12)
    sound.play()
  })
}, [])