[ TypeScript ] "No overload matches this call"

Props의 타입을 지정해주고, 아래와 같이 그 prop을 또 다시 스타일드컴포넌트의 컴포넌트로 넘겨주었다.

근데 다음과 같이 "No overload matches this call" 라는 오류가 발생하였다.

 

 

 

 

 

overloaded function란 뭘까?

• 매개변수가 다르며 이름이 동일한 함수를 함수 오버로딩이라고 한다.

 

 

---

 

 

 

 

그러니까 결론은 overloaded function 내에서   지정한 매개변수의 타입과 실제 함수에 전달된 인자의 타입이 일치하지 않으면 발생하는 에러이다. 그러니까 위와 같은 오류가 발생하면 앞에서 지정한 타입과 실제 전달되는 인자의 타입을 잘 살펴보자.

 

 

 

필자와 같은 경우는 아래 이미지처럼 스타일드컴포넌트 코드에서 타입을 지정해주지 않아서 위와 같은 오류가 떳던 것이였다.

 

 

 

그러니까, 다시 prop을 받아오는 스타일드컴포넌트에도 타입을 지정해주자.