vite로 프로젝트를 생성하고 App.tsx 파일을 열었는데 빨간줄로 도배가 되어 있었다.
검색해본 결과 react와 typescript 버전 호환에 대한 문제였다.
react버전에 맞춰 typescript 버전을 최신화해주어야 정상 작동한다고 한다.
npm install typescript@latest --save-dev
# 또는
yarn install typescript@latest --save-dev
타입스크립트 버전을 업그레이드 한 뒤 에러가 깔끔하게 사라졌다✨