IDE에서 타입 추론이 동작하지 않습니다

Question

안녕하세요.. 첫번째 사진과 같이 타입 추론이 전혀 되지 않고 있어서 많은 고통을 겪고 있습니다.
< > 안에 타입을 넘겨줘도 항상 props 타입을 any로 추론하고 있습니다. 이를 피하기 위해서는 두번째 사진 처럼 props에 직접 타입을 넣어줘야되네요ㅠㅠ

참고로.. CRA로 새로운 프로젝트를 만들면 정상적으로 타입을 추론해주고 있는데요… 현재 이 프로젝트에서만 타입 추론이 안되고 있습니다.

환경설정에 문제가 있는 것 같은데, 어떤 것들이 원인일지 키워드 조차 모르겠어서 질문드립니다.
어떤 것들을 봐야할까요..?

김하림 · Answer

가능성은 여러가지 일 것 같은데요. 1~3번까지 순차적으로 한 번 체크해보시면 좋을 것 같습니다.

1. 타입스크립트 버전 확인
package.json의 타입스크립트 버전을 한 번 체크해보세요. 버전이 낮은 경우 타입 추론이 정상적으로 작동되지 않을 수 있어요. 최신 버전으로 한 번 업데이트 해 보고 타입 추론이 잘 되는지 확인해보세요.

2. tsconfig.json 설정 확인
현재 프로젝트의 tsconfig.json 파일과 CRA에서 생성한 tsconfig.json 파일을 비교해보세요. 특히 아래 설정들은 타입 추론이랑 연관이 있는 설정들입니다.

- strict
- noImplicitAny
- strictNullChecks
- strictFunctionTypes

3. IDE의 TypeScript 버전 확인
IDE가 프로젝트의 TypeScript 버전과 일치하는지 확인해보세요. IDE는 기본적으로 내장된 TypeScript 버전을 사용하는데, 설정이 잘못된 경우 package.json에 설치된 타입스크립트 버전과 달라서 문제가 발생할 수도 있습니다.