Почему можно указать элементы React (объекты JavaScript) в качестве дочерних элементов компонента React?

Результатом вызова React.createElement(...) является объект следующего вида:

{
    $$typeof: Symbol(react.element),
    key: null,
    props: {children: Array(2)},
    ref: null,
    type: "div",
    _owner: null,
    _store: {validated: true},
    _self: null,
    _source: null,
    __proto__: Object
}

Я считаю, что это представление элемента DOM в виртуальном DOM React (пожалуйста, дайте мне знать, если это неверно).

Создавая функциональность для динамического добавления элементов на страницу, я по ошибке попытался сохранить массив реагирующих элементов в объекте состояния:

class Form extends Component {
  constructor(props) {
    super(props)
    this.state = { things: [], count: 0 }
  }
  updateForm(obj, cb) {...} 
  render() {
    return (<>
        {this.props.render({
          updateForm: this.updateForm.bind(this),
          ...this.state
        })}
    </>)
  }
}

const makeThing = props =>
  <div>
    I am a thing. count is: {props.count}
  </div>

const App = () =>
  <Form 
  render = {
    props => (
      <div>
        {props.things.map(t => t)} // RENDERING ELEMENTS DIRECTLY
        <button onClick = {() => props.updateForm({things: [...props.things, makeThing(props)]})}>Add thing</button>
        <button onClick = {() => props.updateForm({count: props.count + 1})}>Increase count</button>
      </div>
    )
  } />

Впоследствии я узнал, что указывать предварительно созданные элементы реакции как дочерние элементы какого-либо компонента просто не очень хорошая идея.

Почему это вообще возможно? Конечно, НИКОГДА не бывает случая, когда я действительно хотел бы это сделать... Т.е. должна быть ошибка?