Возпроизведение аудио в React

Делаю аудиоплер на react. Пытаюсь разобраться как запускать и останавливать трек, получилось запустить его по нажанию на кнопку, но не получается остановить воспроизведение.

export const PlayButton = () => {
  
    const [isActive, setActive] = useState(false);
    
    const audio = new Audio();
  
    const toggleActive = () => {
        setActive(!isActive);
        if (!isActive) {
            console.log("Play");

            audio.src = 'https://mp3minusovki.com/music/fhvndfjwserjgt/247bab1c312b2335afe3f5c9b496a3d3/854262e8b9de720784c0a4491e49912f.mp3';
            audio.play();
            audio.volume = 0.25;

          } else {
            console.log("Stop-play");
            audio.currentTime = 0;
            audio.pause();
          }
    }
    

    
    return (
      <button className={isActive ? 'PlayButton active' : 'PlayButton'} onClick={toggleActive}>
        <PlayButtonIcon />
      </button>
  );
};