'jsx.intrinsicelements' 형식에... 에러 시 해결 방법

Vite로 React 타입스크립트 프로젝트를 만들었을 때, 컴포넌트 전반에 "jsx.intrinsicelements 형식에..."와 같은 에러 메시지가 뜬다면 타입스크립트 버전 문제일 확률이 높다.

• 타입스크립트 최신 버전으로 설치

• package.json 타입스크립트 최신 버전으로 명시

• node_modules 폴더 제거 후 재설치

• VS Code 재시작

위와 같은 방법을 사용해도 에러가 해결되지 않는다면, 다음과 같이 진행하면 해결될 수 있다.

1. 명령 팔레트 실행

VS Code에서 단축키 또는 왼쪽 하단의 설정 버튼을 통해 명령 팔레트를 실행한다.

2. "버전 선택"으로 검색

3. 최신 버전의 타입스크립트 선택

의도한 버전의 타입스크립트로 선택하면 해결된다.