Т.е. на скрине видно что у меня не импортирован компонент и хук useState но об этом никаких предупреждений нет, ничего не выделяется и об этом можно узнать только из консоли браузера:(
когда создаю проект на vite, но выбираю TypeScript то все работает отлично
например на iOS с Safari
это временное решение
Конфликты у тебя были, потому что ты настроил еслинт, а преттиер оставил с дефолтным конфигом. Именно для этого есть такой замечательный конфиг, как eslint-config-prettier, который нужен лишь для одной цели: отключить правила еслинта, которые пересекаются с тем, за что отвечает преттиер.
И prettier-eslint нафиг ненужен, чтобы преттиер был дефолтным форматтером достаточно его выбрать как дефолтный:
А чтобы еслинт на сейв тоже работал, просто добавляешь его (и всё, что надо) в экшены:
И, чтобы он не проганял все правила, выбираешь те, что надо:
Ну и в .prettierrc правила перенести, конечно, а не держать их там, где им не место.