Почему данные изменяются при добавлении потомка?

Я делаю графический редактор страницы. Заготовлено несколько компонентов которые можно размещать на странице. Их размещение описывается примерно таким объектом

{
  "name": "task-wrap",
  "id": 1,
  "props": {
    "id": 1
  },
  "childs": [
    {
      "props": {
        "phrase": "hello world!!!",
        "id": 2
      },
      "name": "gap",
      "id": 2
    },
    {
      "place": "default",
      "props": {
        "phrase": "hello world!!!",
        "id": 3
      },
      "name": "gap",
      "id": 3
    }
  ]
}

Свойство props содержит в себе входные данные для компонента. При рендере я их передаю в него При добавлении компонента в список дочерних компонентов почему-то у всех компонентов с одинаковыми name props становится равным props у добавленного компонента. Почему так может быть? Кода достаточно много и я даже не знаю какой кусок лучше отправить сюда