我正在尝试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元素类型’VegaLite’不是JSX元素的构造函数。属性’componentDidMount’在类型’VegaLite’中受保护，但在类型’ElementClass’中是公共的。

我知道在课堂上Vega- Lite，功能componentDidMount()确实是protected。但是，如何解决此错误？

PS：我试过设置allowSyntheticDefaultImports到true我的tsconfig.json，但同样的错误仍然存在。