reactjs - Kan ikke sende array af objekter til børnekomponent ved brug af React/Typescript

Jeg vil gerne sende et array af objekter fra en overordnet komponent til en underordnet komponent, men når jeg sender det som props og erklærer et interface på den underordnede komponent med forventede typer, giver den overordnede komponent en fejl. Hvordan kan jeg sende dataene?

Her er koden til at sende en prop til et barn kaldet ConsultationCard

else if (check && st.length !== 0) {
   return <ConsultationCard itemData={items} />;
}

og overordnede komponent giver denne fejl:

Type ''({ id: number; title: string; client: string; due: string; count: number; amount: number; method: string[]; material: string[]; status: string; docs?: undefined; } | { id: number; title: string; client: string; ... 6 mere ...; count?: undefined; })[]'' kan ikke tildeles til typen ''Data[]''

Børnekomponenten har denne type interface og prop-forventning:

interface Data {
  id: number;
  title: string;
  client: string;
  due: string;
  count: number;
  amount: number;
  method: string[];
  material: string[];
  status: string;
  docs?: number | undefined;
}
interface Props {
  itemData: Data[];
}

Relaterede artikler