[React] typescript IntrinsicAttributes error

   <Abouts>
                    {aboutContents.map((content, index) => (
                        <AboutPart item={content} key={index} />
                    ))}
                </Abouts>

 

 

js를 사용할때와 마찬가지로 위와 같이 map을 사용해서 props로 객체를 전달하는 도중 IntrinsicAttributes error 가 발생하였다.

 

props를 전달받는 하위 컴포넌트는

function AboutPart(item: AboutContentType) {
    const {id, title, content} = item​

 위와 같은 방식으로 item의 타입을 지정해줬다.

 

객체 자체를 props로 전달받을 때는 

  

function AboutPart({item}: {item: AboutContentType}) {
    const {id, title, content} = item

 

위와 같이 타입을 지정하여 해결할 수 있었다.