How to pass props optional to children using react.CloneElement

Question

Hello guys,

I have component 1 contain props1 and props2 as optional props in component parent i return React.cloneElement contain props

like this

React.cloneElement(children, {
props1:{
... children.props.props1,
Val:'test'
}, 
props2:'test'
}) 

Problem in this component parent show error

Cause it don't have all time children with this props

Error

Unknown event handler property 'props' it will be ignored.

 

Thanks