Typescript IntrinsicAttributes Error

나는 분명 자식 컴포넌트에서 type정의를 제대로 한것같은데 왜 부모에서 에러가 뜨는걸까???

Type '{ images: MediaFile[] | undefined; }' is not assignable to type 'IntrinsicAttributes & MediaFile[]'.

 

type Props를 따로 정의를 해줬다.

type Props = {
  images?: Array<MediaFile>; 
}

const GoodsImagesList = ({images}:Props) => {
	...
}

 

images:MediaFile[] 로 바로 정의할때는 안되었는데.. 따로 Props 타입들을 정의 해주니 해결되었다.
잘 생각해보니, Props는 디스트럭쳐링 형태로 뽑아써야한다는걸 이해했다. (props.images 이렇게..)

리액트는 부모에서 props 객체를 그대로 보내고, 자식에 데이터를 저장하는 형태이기 때문이다.