Загрузка папки с использованием webkitdirectory и каталога не работает в браузере Safari

Question

Я пытаюсь загрузить каталог, используя тип входного файла. Он отлично работает в GoogleChrome и FireFox, но пока я тестирую его в браузере Safari, он не работает, что позволяет пользователю также выбрать один файл. Есть ли способ ограничить выбор пользователем одного файла и разрешить только выбор папки в браузере Safari.

вот мой код, где я использую:

const UploadFolder = props => {
  return (
<span>
<a className="dropdown-item" href='#'>
  <i className="fa fa-cloud-upload mr-2 upload-icon" aria-hidden="true"></i>Upload Files Folder</a>
 <input type='file' onChange={(e) => { props.onFolderSelect(e) }} 
 directory="" webkitdirectory="" mozdirectory="" allowdirs="" multiple />
</span>
)
}

export default UploadFolder;

Если кто-нибудь знает решение для браузера Safari, сообщите мне.

любая помощь будет оценена.

Заранее спасибо,