React和Typescript：组件是道具

Question

我正在使用React和Typescript制作应用程序。我不知道如何暗示只有一种组件类型可以用作属性。这是一个例子。

在class MyCodable: Codable { var name: String { return _name ?? "Default Appleseed" } private var _name: String? enum CodingKeys: String, CodingKey { case _name = "name" } } 中：

AuthLayout.tsx

但是如果我尝试在这样的另一个文件中使用它：

import React, { ReactNode, ReactElement } from 'react';
import { Trans } from '@lingui/react';

type Props = {
  title: ReactElement<any, typeof Trans>,
  children: ReactNode
}

var x = React.createElement(Trans)

function AuthLayout(props: Props) {
    const {children, title} = props;

    return (
      <div>
        <div>
          <h1>{title}</h1>
          {children}
        </div>
      </div>
    );
}

export default AuthLayout;

它工作正常。如何声明它，以便<AuthLayout title={<AnyComponent />}> hey <br/> </AuthLayout> 属性仅接受title组件？