如何输入可能有道具的ReactNode？

import React from 'react';

const CustomComponent = ({ content }) => {
  return (
    <div>
      {content}
    </div>
  );
}

export default CustomComponent;

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

const ParentComponent = () => {
  const nodeWithProps = <span style={{ color: 'red' }}>Hello</span>;

  return (
    <div>
      <CustomComponent content={nodeWithProps} />
    </div>
  );
}

export default ParentComponent;