ReactJs/Typescriptオブジェクトの配列をインターフェイスの小道具に渡すにはどうすればいいですか？

Question

私はこのように見える2つのインターフェースを持っています。

export interface TableBoxPropsHeader{ 
    name: string, 
    isIconOnly: boolean 
} 

export interface TableBoxProps<T> { 
headerNames: TableBoxPropsHeader[], 
// some stuff 
} 

私は、この定義を持つ変数を作成しようとしていますが、何らかの理由で、それは私が代わりにTableBoxPropsHeader[]配列のstring[]配列を渡すしようとしていますと言います。

private tableBoxProps: TableBoxProps<SomeType> = { 
    headerNames: [{name: "Name", isIconOnly:false}, {name: "Category", isIconOnly:true}], 

私はVSCodeを使用していますが、上記については不平を言っていません。しかし、npmは以下を印刷します

Types of property 'headerNames' are incompatible. 
    Type 'string[]' is not assignable to type 'TableBoxPropsHeader[]' 
    Type 'string' is not assignable to type 'TableBoxPropsHeader'. 

私は間違って何をしていますか？インターフェイスの配列を作成するにはどうすればよいですか？

Answer 1

大丈夫、これは私のやや馬鹿です。エラーのある別のファイルに別の変数がありました。今は完璧に機能します...