如何使用Typescript正确声明React包装器组件(HOC)类型

import React, { ComponentType } from 'react';

// 定义一个高阶组件的类型
type HigherOrderComponent<TProps> = (
  WrappedComponent: ComponentType<TProps>
) => ComponentType<TProps>;

// 定义一个包装器组件
const withLogger: HigherOrderComponent<{ log: string }> = (WrappedComponent) => {
  return (props) => {
    console.log(props.log);
    return <WrappedComponent {...props} />;
  };
};

// 使用包装器组件
const MyComponent = ({ name }: { name: string }) => {
  return <div>Hello, {name}!</div>;
};

const WrappedComponent = withLogger(MyComponent);

// 推荐的腾讯云相关产品和产品介绍链接地址：
// 腾讯云函数计算：https://cloud.tencent.com/product/scf
// 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm

// 使用WrappedComponent
const App = () => {
  return <WrappedComponent name="John" log="Logging..." />;
};