[TS] 타입스크립트 Props 넘겨줄때 생기는 오류 해결하기

Property 'data' does not exist on type 'IntrinsicAttributes & DataProps'.

타입스크립트로 리액트 프로젝트를 하고있는데 게시판의 댓글에서 대댓글 기능을 컴포넌트로 분리하는 과정에 이런 오류가 생겼다.

리액트에서 props 로 자식 컴포넌트에게 넘겨줄 때 변수, 함수를 그냥 넘겨주면 됐는데, 타입스크립트는 넘겨주는 타입까지 지정해야된다.

위 사진과 같이 나는 data에 담아서 data를 넘겨주려고 하는데 data 타입이 없어서 오류가 나고 있었다.

해결법

부모 컴포넌트에서

타입 ReCommentProps 안에 모든 타입을 적어준 후,
export 한 뒤 자식 컴포넌트에서 import하여 사용했다.

자식 컴포넌트

이렇게 받아서 구조분해할당하여 사용하면 오류가 해결된다..

해결하느라 고생했다.. 화이팅