JSX要素タイプ 'xxx'はJSX要素のコンストラクタ関数ではありません。プロパティ 'yyy'はタイプ 'xxx'で保護されていますが、 'ElementClass'タイプで公開されています

Question

Vega-LiteというReactクラスをVoyagerというプロジェクトからインポートしようとしています。ここで

は私のコードです：

import * as React from 'react'; 
import {VegaLite} from 'datavoyager/build/components/vega-lite'; 

export interface Props { 
    spec: any; 
    logger: any; 
} 

export const View = ({spec, logger}: Props) => { 
    return(
    <VegaLite spec={spec} logger={logger}/> 
); 
}; 

は、ここに私のエラーです：

[ts] JSX element type 'VegaLite' is not a constructor function for JSX elements. Property 'componentDidMount' is protected in type 'VegaLite' but public in type 'ElementClass'.

私はクラスVega-Liteで、機能componentDidMount()が実際にprotectedであることを知っています。しかし、どうすればこのエラーを解決できますか？

PS：私はtsconfig.jsonにallowSyntheticDefaultImports~trueを設定しようとしましたが、同じエラーが続きます。

Answer 1

反応タイプを15.0.25以下にダウングレードする必要があります。 15.0.25バージョン以降、ライフサイクルメソッドはすべて公開されています。ここで

はそれについての問題である： https://github.com/DefinitelyTyped/DefinitelyTyped/issues/16893

より良い解決策は、そのコンポーネントが新しい反応タイピングと互換性がないということを伝えることになるvoyagerレポで問題を作成することになります。彼らは^15.0.8を使用します。