The last prop will overwrite the first prop

const props = {className: "secondClass"}
<div className="firstClass" {...props} className="thirdClass"/>

The child prop in the tag will overwrite the prop passed in props.

const props = {children: "firstText"}
<div {...props}>secondText</div>

Output: <div>secondText</div>