Reactjs 如何在React with Typescript中将JSX元素作为Prop传递？

我想将图标作为道具传递给我的TextInput组件，如下所示：

导出接口TextInputProps{
leadingIcon？：（props:React.ComponentProps）=>JSX.Element
}
export const TextInputField=forwardRef（{leadingcon，…props}，ref）=>{
常数引线图标=引线图标
返回(
{领先图标(
)：null}
)
}

我想这样使用它

但我总是会遇到typescript错误：

JSX element type 'LeadingIcon' does not have any construct or call signatures .ts(2604)

---

我需要更改什么才能使其正常工作？

尝试：

引导图标？：React.ElementType

谢谢，但我已经尝试过了。Typescript仍然显示相同的错误抱歉。您的问题需要使用

React.ElementType

抱歉，再次出现相同的错误您可以尝试

leadingIcon吗？：React.ComponentType

。抱歉，相同的错误：“JSX元素类型'leadingIcon'没有任何构造或调用签名。”然后尝试将其作为组件传递

。