我有一个分类界面

export interface ISubCategory {
    _id: string,
    name: string,
    createdAt: Date,
    updatedAt: Date
}
export interface ICategory {
    _id: string,
    createdAt: Date,
    updatedAt: Date,
    name: string,
    subCategories: ISubCategory[],
    _v? : string | number
}

export interface ICategories{
    categories : ICategory[]
}

在我的主页上，我调用了API来获取类别

const fetchCategories = async () => {
    const data : ICategories = await getCategories()
    setCategories(data)
  }

  useEffect(() => {
    fetchCategories()
  }, [])

getCategories在这里

export async function getCategories (){
  try {
    const response = await axios.get('/categories')
    const data = response.data.data
    return data
  } catch (error) {
    console.log(error)
    return error
  }
}

当我把这些类别传递给子组件时，发生了一个错误。键入“ICategories|“[]"无法分配给类型”ICategory[]“。类型”ICategory“缺少类型”ICategory[]“的以下属性：length，pop，push，concat，以及其他29种类型。下面是我如何将类别传递给子组件并在子组件中接收它

return (
    <Div>
      <DropDownContextProvider>
        <Header categories={categories} />

         <Slider />
      </DropDownContextProvider>
    </Div>
  )

这是我接受它的方式

const Header = ({ categories }: ICategories ) => {
}