ts(7053) string key로 객체에 접근할 때 생긴 오류

문제

MBTI 결과를 ts파일 안에 객체로 담아두고 dynamic routing 을 해서 SSG로 페이지를 작성할 생각으로 MBTI TYPE(string)을 props로 받아와서 작성한 결과 파일(ts) 의 객체의 key에 접근하려는 중에 생긴 오류이다.

원인

TypeScript는 기본적으로 객체의 프로퍼티를 읽을 때, string타입의 key 사용을 허용하지 않는다. 반드시 string literal 타입의 key로 접근하거나 객체의 타입 정의 시, 아래에서 설명할 index signiture를 선언해주어야한다.

해결

index signature를 추가해서 해결 하였다.

해결한 부분

오류가 더 이상 발생하지 않는 부분

참고

1. https://velog.io/@yyeonjju/TypeScript-Index-Signature-string-key%EB%A1%9C-%EA%B0%9D%EC%B2%B4%EC%97%90-%EC%A0%91%EA%B7%BC%ED%95%98%EA%B8%B0

2. https://soopdop.github.io/2020/12/01/index-signatures-in-typescript/