🚨Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '...'.🚨

❗ 문제 내용

내가 만든 타입에는 인덱스 시그니처가 없기 때문에, string 타입의 표현식으로 객체의 속성에 접근할 수 없다는 말이다. 쉽게 말해, 인덱스 시그니처를 지정해주면 해결할 수 있다. 타입스크립트에서 인덱스 시그니처(Index Signature)란, 문자 그대로 "이런 게 들어올 수 있다"를 정의하는 서명으로, 속성의 모양(타입)은 아는데 이름은 알 수 없을 때 사용하는 개념을 말한다.
하지만 인덱스 시그니처는 타입이나 인터페이스에 속성을 확실히 정해두기보다, "이러한 시그니처를 가진 속성이 들어올 수 있다"라고 정의하는 것이기 때문에, 동적으로 속성을 받아야 하는 경우가 아니면 사용하지 않는 것을 권장한다.

⚒ 문제 해결

export interface SubmitForm {
	...
    [key: string]: string | number | null;
}

key는 string이고, value로는 string | number | null이 들어올 수 있다는 인덱스 시그니처를 작성해서 해결. 여기서 key 부분은 정해진 이름이 없고, index나 idx 등으로 바꿔서 작성해도 상관없음.

🙇‍♂️ 참고자료

Using {[key:string]: string} and {[key:string]: any} in TS