React / Next JS - Аудиоплеер

Question

Мне нужно транслировать аудио, используя URL-адрес конечной точки mp3 .

Я новичок в потоковом аудио, поэтому мне действительно нужна помощь. Заранее спасибо.

Это то, что я пробовал:

const SongRow = ({ track }) => {
    const player = useRef();
    const playSong = () => {
        player.src = track.preview_url;
        player.play();
    }
    return (
        <div className="songRow" onClick={() => playSong()}>
            <audio ref={player} />
            <div className="songRow__info">
                <h1>{track.name}</h1>
            </div>
        </div>
    )
};

Ошибка : TypeError: Невозможно добавить свойство sr c, объект не расширяемый

Я не уверен, как мне поступить с этим. Также не удалось найти никаких документов, относящихся к этому и функциональным компонентам.

Answer 1

Вам необходимо получить доступ к свойству current в ссылке.

Из docs :

ссылка на узел становится доступной в current атрибут реф.

Таким образом, это будет player.current.src.