Expression produces a union type that is too complex to represent.ts(2590) 오류

Expression produces a union type that is too complex to represent.ts(2590) 오류

문제 상황

⚠️Expression produces a union type that is too complex to represent.ts

타입스크립트 환경에서 chakra ui를 사용하는 중에 발생한 오류이다.

코드 자체에서는 오류가 없었고 검색해보니까 타입스크립트의 버전 문제였다.

vscode extension에서 사용하는 타입스크립트 버전은 5버전이었고 프로젝트에서는 4버전을 사용하고 있었다.

vs코드에서 F1을 누르고 typescript를 입력하면 Select Typescript Version에서 사용중인 타입스크립트 버전을 확인할 수 있다.

vscode 설정에서 tsdk를 입력하고 프로젝트 디렉토리의 node_modules/typescript/lib 경로를 추가한다.

다시 확인해보면 프로젝트 내부에 설정한 타입스크립트 버전을 사용할 수 있다.