{...props} causes TypeError

This code crashes due to children being assigned to the <div>. I think it works in React. I’m assuming React doesn’t pass children when it’s empty. Not sure though.

TypeError: Attempted to assign to readonly property.

TypeError: undefined is not an object (evaluating 'e.childNodes')

---

Broken Code

export default ({...props}) =>
	<div {...props}>Example!</div>

Working Code

export default ({children, ...props}) =>
	<div {...props}>Example!</div>

[lukeed]

In Inferno & Preact, children gets stripped from the props object.

[tunnckoCore]

Another interesting thing when passing children to props was that you can use such thing

var Foo = ({ name, children }) => <div>
  <h1>{ name }</h1>
  <p>{ children }</p>
</div>

var link = <a href="#">Hello World</a>
var tree = <Foo name="Charlike" children={ link } />

instead of the link inside the Foo tag

var link = <a href="#">Hello World</a>
var tree = <Foo name="Charlike">{ link }</Foo>

Kinda like the first one and found it useful.