Type 'X' is not assignable to type...
Property 'X' does not exist on type 'IntrinsicAttributes'
다른 컴포넌트로 props를 전달하려 하니 이런 에러가 떴다.
인터넷을 좀 뒤지면서 아래 사진처럼 props 전달 받는 부분을 이래저래 바꿔서 넣어보기도 하고 type지정을 따로 빼서 해주기도 했는데 아무리해도 소용이 없었다.
인터넷 뒤지길 그만두고 이전에 봤던 typescript관련 영상 중 관련 내용이 있을까 싶어 뒤지다가 해답을 찾았다.
typescript를 사용할 때 컴포넌트를 리턴하는 경우에 React.FC 라는 타입을 지정해줄 수 있는데 이렇게 리액트 펑션 컴포넌트를 사용할 때에는 props를 전달 받을 때 제네릭 지정이 필요하다. 그래서 전달받는 props의 타입을 OwnProps로 만들어주고, 아래와 같이 제네릭으로 넣어주었더니 에러가 해결되었다.
'SW공부 > Error Note' 카테고리의 다른 글
| [Error Note] tsconfig.json에서 파일을 찾을 수 없는 에러 (0) | 2023.06.18 |
|---|---|
| [Error Note] typescript에서 set state를 props로 보내는 방법 (0) | 2023.06.18 |
| [Error Note] Expected an assignment or function call and instead saw an expression (0) | 2023.05.29 |
| [Error Note] 리액트에서 이미지가 보이지 않는 문제 (0) | 2023.05.29 |
| [Error Note] The component styled.section with the id of "xxx" has been created dynamically. (0) | 2023.05.29 |