t800zippygod

Тебе скорее надо слушать события onTouchStart, onTouchMove

Если тебе просто нужно получить данные о странице - можно воспользоваться и таким методом. Если же ты хочешь использовать эти данные для динамического изменения адреса страниц и тд - то предпочтительнее пользоваться библиотекой.
Смысл в том, что React - это по сути одна большая абстракция, построенная над домом. Если начать вылезать из абстракции на более низкие уровни - то она начнет протекать. Таким же образом можно и события вешать на addEventListener, но React не рекомендует это делать, так как для обрабатывания событий там имеется готовый инсрументарий

Такая ошибка может появляться из-за того, что вы передаёте напрямую пропсы из одного компонента в другой. Например, в ваша функция handleAdd при вызове в дочернем компоненте обращается к пропсам родителя. React ругается на такую логику, так как пропсы относятся к внутреннему состоянию каждого компонента и не должны мутироваться извне.
Попробуйте воспользоваться деструктуризацией

Прочитайте сначала хотя бы введение в React. Есть такой очень редкий термин там — пропсы

а для создания дипклона удобно использовать JSON.parse(JSON.stringify(obj))

Смотрите , тут два варианта. 1) Библиотека записывает стили инлайново, то есть через Element.classList.add(). В таком случае эти стили имеют наивысший приоритет, и тут можно: перезаписать стили вручную через js; либо же оставлять !important.
2) Библиотека имеет набор готовых css стилей, которые через js лишь присваиваются элементам. Тогда надо смотреть, в каком стиле прописаны нежелательные характеристики. И переписывать их в своём css файле.
Важно, чтобы в этом случае ваш css файл подключался после библиотечного