Как заставить аудио файл воспроизводиться в определенное время в реакции?

Question

например, если счетчик достигает 0, и он быстро сбрасывает себя к исходному значению снова. Как сохранить его воспроизведение в течение некоторого времени

const Timer = props => {
  return (
    <Row className="timerRow">
      <Col className="timerCol">
        <div className="timer-container">
          <h1 class="time">{props.timeLeft}</h1>
        </div>
      </Col>
    </Row>
  );
};

Я попытался с тегом ref, но звук не воспроизводится, когда таймер достигает 0;