I wish it could be possible to write this:
const animal = "cat"; <Component {animal} /> equivalent to: <Component animal={animal} />
const animal = "cat"; <Component {animal} /> equivalent to: <Component animal={animal} />
Using spread ( `{...{animal}}` ) is already working and it will stop working with the new syntax.
On top of that killing two brackets and three dots will not give you huge performance / code-productivity benefit.
<Component {...{animal}} />
const componentProps = {}; <Component {...componentProps} />