Как восспроизвести аудио в React после загрузки страницы?
 

Мне нужно при отрисовки компонента на автомате восспроизвести аудио посредством JS. Нужно именно так, потому что на JS обрабатывается сама дорожка. Я пробую так:

function onPlay(audioRef) {
     ...
     audioRef.current.play()
  }

 ...

  useEffect(() => {
    return onPlay(audioRef)
  }, [])

  return(
    <audio
      ref={audioRef}
      loop
      src={sound}>
    </audio>
  )

Но получаю ошибку:
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
Как правильно восспроизвести аудио на автомате без участия юзера?

Сейчас браузеры часто блокируют автоматическое воспроизведение аудио, если это не связано с явными действиями пользователя.
https://developer.mozilla.org/en-US/...Autoplay_guide

А как этого избежать?

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

Та тут онлайн игра. Тут нужен звук при загрузке страницы