Decidimos usar wavesurferJS en nuestro proyecto React. Tengo varios archivos de audio. ¿Cómo hago para que los demás se detengan cuando toco uno de ellos? Probamos casi todas las soluciones a través de la web. Nada ayudó. Cualquier ayuda es apreciada.

 import React, { useRef, useEffect, useState } from "react"; import WaveSurfer from "wavesurfer.js"; const VoiceItem= ({url }) => { const waveformRef = useRef(); const [wavesurfer, setWavesurfer] = useState(null); useEffect(() => { if (waveformRef.current) { const wave = WaveSurfer.create({ container: waveformRef.current, }); wave.load(url); setWavesurfer(wave); } }, []); const togglePlayPause = () => { wavesurfer.playPause(); }; return ( <div> <button onClick={togglePlayPause}> </button> <div ref={waveformRef}></div> </div> ); }; export default VoiceItem;