我正在尝试导入Vega-Lite从名为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为，但同样的错误仍然存​​在。truetsconfig.json