reactjs - typescript を使用した react-material テーブルには、ジェネリック型エラーが表示されます

Question

Typescript プロジェクトでreact-materialを実行しようとしています。

私は Typescript の初心者なので、解決方法がわからないエラーがいくつかあります。

このゲストでは、再利用可能な React コンポーネントを作成しようとしています。(完全なコードを表示するには、ゲストを開いてください)

上記の例はいくつかのエラーを示していると述べたように、これは homePage の 48 行目の例です。

No overload matches this call.
  Overload 1 of 2, '(props: Readonly<MaterialTableProps<IData>>): KTable<IData>', gave the following error.
    Type '{ title: string; field: string; type: string; }[]' is not assignable to type 'Column<IData>[]'.
      Type '{ title: string; field: string; type: string; }' is not assignable to type 'Column<IData>'.
        Types of property 'type' are incompatible.
          Type 'string' is not assignable to type '"string" | "boolean" | "time" | "numeric" | "date" | "datetime" | "currency" | undefined'.
  Overload 2 of 2, '(props: MaterialTableProps<IData>, context?: any): KTable<IData>', gave the following error.
    Type '{ title: string; field: string; type: string; }[]' is not assignable to type 'Column<IData>[]'.ts(2769)

この配列にエラーが表示されるのはなぜですか?

columns = [...{
    title: "Birth Place",
    field: "birthCity",
    type: "string" // ERROR ?!
}]

インターフェースがその型を明確に定義しているにもかかわらず、 string を受け入れる：

type?: ('string' | 'boolean' | 'numeric' | 'date' | 'datetime' | 'time' | 'currency');

誰かがこの作業を行う方法を知っていると助かります。