更正类型以将道具传递给react typescript中的孩子。错误ts(2322)

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

interface ParentProps {
  propName: string;
}

const ParentComponent: React.FC<ParentProps> = ({ propName }) => {
  return <ChildComponent propName={propName} />;
};

export default ParentComponent;

import React from 'react';

interface ChildProps {
  propName: string;
}

const ChildComponent: React.FC<ChildProps> = ({ propName }) => {
  return <div>{propName}</div>;
};

export default ChildComponent;

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

const App: React.FC = () => {
  const propName = 'Hello, World!';

  return <ParentComponent propName={propName} />;
};

export default App;