Spreading object/record types to create new types?

So, what is the modern way to implement common react pattern?

(Component, props) => <Component {...props} override="val" />

I’m thinking of

let f = (component, props) => {
  React.createElement(
    component,
    Js.Obj.empty()->Js.Obj.assign(props)->Js.Obj.assign({"override": "val"}),
  )
}

let f2 = (component, props) => {
  React.createElement(component, props)->React.cloneElement({"override": "val"})
}

I believe the advice is still to use React.cloneElement. It’s mentioned in the ReScript-React docs.