Typescript + React/Redux:类型'IntrinsicAttributes & IntrinsicClassAttributes‘上不存在属性“XXX”

import React from 'react';

interface MyComponentProps {
  XXX: string;
}

const MyComponent: React.FC<MyComponentProps> = ({ XXX }) => {
  return <div>{XXX}</div>;
};

export default MyComponent;

import React from 'react';
import MyComponent from './MyComponent';

const App: React.FC = () => {
  const xxxValue = 'Hello, World!';
  return <MyComponent XXX={xxxValue} />;
};

export default App;

import React from 'react';

const withExtraProps = <P extends object>(WrappedComponent: React.ComponentType<P>) => {
  return (props: P & { extraProp: string }) => (
    <WrappedComponent {...props} />
  );
};

const MyComponent: React.FC<{ XXX: string }> = ({ XXX }) => {
  return <div>{XXX}</div>;
};

const EnhancedComponent = withExtraProps(MyComponent);

const App: React.FC = () => {
  const xxxValue = 'Hello, World!';
  return <EnhancedComponent XXX={xxxValue} extraProp="Extra" />;
};

export default App;