了解Typescript的第三方类型并做出反应？

Question

我试图摆脱如何在React中使用TypeScript的困扰。可以找到很多功能组件的示例如下：

interface Props {
    className?: string,
}

const Header: React.FC<Props> = props => {
    return(<div></div>)
}

这依赖于react类型的声明，更确切地说，它依赖于FC接口。最初，我认为Typescript的优点之一是非常明显的是给定函数将返回什么。但是当在VS Code中将FC悬停时，我得到的是：

我看到这个接口依赖于另一个接口FunctionComponent，它依赖于接口PropsWithChildren和ReactElement。这对我来说似乎很神秘。

但是我在这里有什么问题？ 我仅通过查看示例就能够找到Interface FC，但是我什至不知道该如何使用什么接口？目前，我只是在浏览'node-modules/@types/react/index.d.ts'-但是由于类型文件很长，这似乎效率很低？使用第三种库类型的正确方法是什么？

谢谢。