Как исправить ошибку [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See?
А что не понятно? Нельзя вызывать event.preventDefault() внутри пассивного обработчика. А обработчики для тач-событий пассивны по умолчанию.
Так что либо не вызывать preventDefault(), либо регистрировать обработчик как-то так:element.addEventListener(handleEvent, { passive: false });
Подробнее здесь
Приложения, использующие события Touch и отключающие обработку жестов браузером путем вызова preventDefault() должны использовать touch-action чтобы браузер знал о намерениях приложения до того, как будут вызваны какие-либо слушатели событий, так что юзай touch-action: none; и делай как сказали выше )