iOS не нажимает правильную кнопку в React

Question

Не уверен, является ли это проблемой только React или общей веб-проблемой, но я не могу воспроизвести ее на «обычном веб-сайте».

При слишком быстром нажатии двух кнопок друг за другом в iOS каким-то образом срабатывает событие первого нажатия кнопки.

вот пример. Кнопка 2 обновляет состояние, первая кнопка выдает предупреждение. Если я нажму кнопку 2, а затем кнопку 1 очень быстро друг за другом, состояние обновится дважды.

Поиграйтесь с React:https://jsfiddle.net/pugL4shm/10/

      <div className="buttons">
      <button onClick={() => alert("1")}>1</button>
      <button onClick={() => setCount(count + "2")}>2</button>
      {count}
</div>

Скрипт без реакции:https://jsfiddle.net/m2q4xdv1/1/

      <button onclick="alert('1')">
    1
</button>
<button onclick="console.log('2')">
    2
</button>

Есть ли способ это исправить?

Я использую iPhone 13 с iOS 15.2, но другие устройства и ОС также смогли воспроизвести его.

Обновление: похоже, это происходит и с множественным выбором на материале-ui, когда я попробовал это здесь: https://mui.com/material-ui/react-select/