IntrinsicAttributes 오류

intrinsic attribute 의 사전적 의미: 본질적 속성, 내재적 속성

작업을 하던 중 props에 map 함수를 사용했을 때 IntrinsicAttributes 형식에 할당 할 수 없습니다.라는 오류가 발생되었다. 이 오류는 TypeScript에서는 Props에 Type을 지정하지 않으면 발생하는 것이라고 한다.
따라서, Props에 Type을 지정하는 방법에 대해 정리하려고 한다.

해결 방법

모든 key 값에 Type을 지정하는 방법도 있으나 재활용 측면에서 Type 또는 interface를 사용해봤다.

//interface 사용

export interface UsersProps {
  id: number;
  username: string;
  phone: number;
  date: Date;
}


//Users.tsx

const AdminUsers = ({
  users
}: {
  users: UsersProps;
}): JSX.Element => {
...

reference
https://cpro95.tistory.com/656?category=929244