на macOs Safari в React при нажатии на кнопку звук не воспроизводится, а в обычном js файле все нормально

let play = ()=>{

    let audio = new Audio("./d86cf5ae179617e.mp3")

    audio.play()

}

<button onClick={play}>Меню</button>

аудио файл хранится локально, при нажатии на кнопку он должен проигрываться, но в консоли получаю ошибку Unhandled Promise Rejection: NotSupportedError: The operation is not supported. а вот если указать URL(с удаленного сервера) файла, то всё нормально.

В обычном js файле так же все нормально, а вот в JSX не работает