如何使用 Typescript 和 useState 将类型对象设置为 React 的初始值？

我刚刚开始学习使用 Typescript 构建 React 应用程序，此时我真的被困住了。

我将 a 设置为type状态的模型，但出现此错误：

这就是我正在做的：

type TAssetsOverview = {
    totalAssets: number,
    assetsInOperation: number,
    assetsInAlert: number,
    assetsInDowntime: number
}

const AssetsOverview: React.FC = () => {
    const [overview, setOverview] = React.useState<TAssetsOverview>({})
    return (
        <div>
            <AssetsList assets={assets} />
        </div>
    )
}

export default AssetsOverview

我想要做的是设置overview为基于type TAssetsOverview.

我尝试在对象中设置值，如下所示：

const [overview, setOverview] = React.useState<TAssetsOverview>({
        totalAssets, 
        assetsInOperation, 
        assetsInAlert, 
        assetsInDowntime
    })

但我收到此错误：

如果我删除type TAssetsOverview并设置useState<{}>({})它可以正常工作，但我想这不是应该的。

从我看来，它看起来与我阅读的所有教程和文章完全一样，但由于我是新手，我看不到这里缺少什么。

我该如何设置？