JSX元素类型“ App”不是JSX元素的构造函数。类型“ App”缺少类型“ ElementClass”的以下属性

Question

我是Typescript的新手，所以我只是想尝试构建它。请暂时忽略我对“ any”的使用。无论如何，我不太确定错误是什么意思

有问题的错误：JSX元素类型“ App”不是JSX元素的构造函数。 “ App”类型缺少“ ElementClass”类型上下文，setState，forceUpdate，props和另外2个属性中的以下属性。

...并且在对其进行谷歌搜索后仍然感到困惑。

我尝试删除并重新安装package-lock.json和yarn.lock文件，以查看它们之间是否存在任何不一致，但似乎并不能解决问题。

App.tsx：

class App extends React.Component<any, any> {

    constructor(props: any) {
        super(props);
        this.state = {

        }
    }

    render() {
        const { brand, links } = navigation;
        return (
            <div className="App">
                <Navbar brand={brand} links={links} />
            </div>
        );
    }
}

const navigation = {
    brand: { name: "Navbar", to: "/" },
    links: [
        { name: "About us", to: "/about" },
        { name: "Transactions", to: "/transactions" },
        { name: "Contact", to: "/contact" },
  ]
}

export default App;

index.tsx，其中App中发生错误

ReactDOM.render(<App />, document.getElementById('root'));

有什么想法可能导致此错误？