title: Intertiajs + Vue prop not reactive in dynamic component
body: <p>I am dynamically creating Vue components and passing props to them using the 'component' element like so:</p>
  <pre><code>&lt;template v-for=&quot;(element, index) in children&quot; :key=&quot;index&quot;&gt;
      &lt;component :is=&quot;element.component&quot; v-bind=&quot;element.props&quot; /&gt;
  &lt;/template&gt;
  
  open(){
    let component = {
      id: this.id,
      component: 'TestComponent',
      props: {
          index: this.id,
          user: this.user
      }
    }
    this.id =  this.id + 1
    this.children.unshift(component)
  }
  </code></pre>
  <p>If I update the user component in JS, the prop is reactive and I can see the result in the component:</p>
  <pre><code>updateLocal(){
      this.user.name = 'New name'
  }
  </code></pre>
  <p>But if I call the server using the inertia post command the prop is not updated:</p>
  <pre><code>updateServer(){
    this.$inertia.post(route('users.update'), this.user, {
      preserveScroll: true
    })
  }
  </code></pre>
  <p>Am I doing something wrong or is this a limitation of Inertia?</p>