Nextjs async Server component typescript error

Nextjs 13버전에서 async 가 포함된 서버 컴포넌트를 사용할 때 타입스크립트 에러가 발생하면 아래와 같이 임시조치할 수 있다

{
/ @ts-expect-error Async Server Component /
}

그런데 현재 타입스크립트 5.1.3 기준 위 주석없이도 사용가능하도록 변경되었다

cmd + shift + p 로 Typescript 버전을 선택해서 vscode에서 에러가 뜨는 것을 없앨 수 있다

만약 강의를 듣기 위해 프로젝트 레포가 아닌 강의 레포안에 앱패키지가 안에 있는 경우 vscode에서 타입스크립트 버전을 인식하지 못하는데 이 경우 아래와 같이 해결 할 수 있다

• 최신 버전 설치

  • npm i -g typescript@latest

• 강의 레포 루트 디렉토리 에 .vscode 생성 후 setting.json 생성

{
  "typescript.tsdk": "{타입스크립트최신버전이 설칯된 디렉토리}/node_modules/typescript/lib"
}

• cmd + shift + p 로 Typescript 버전을 선택(이제 선택 가능해짐)

• .vscode 삭제