title: VueJs3 Data Object is not being updated via Watcher
body: <p>M1y aim is to fill this empty reactive data property with an object from my store.</p>
  <pre><code>let matchedFile = reactive({});
  </code></pre>
  <p>I return an object from my store below</p>
  <pre><code>const matchedFiles = computed(() =&gt; {
    return store.activeFile;
  });
  </code></pre>
  <p>I watch the above computed</p>
  <pre><code>watch(matchedFiles, async (newVal) =&gt; {
    updateMatchedF(newVal);
  });
  
  </code></pre>
  <p>Which in turn calls the following method:</p>
  <pre><code>function updateMatchedF(val) {
        matchedFile = val;
      }
  
  Object being passed (proxy)
  
      {
      &quot;name&quot;: &quot;Hello World&quot;,
      &quot;id&quot;: 12311,
      &quot;title&quot;: &quot;test file&quot;
      }
  </code></pre>
  <p>For some reason, the object is succesfully passed to the very last method, and console.log even shows a succesful update. But VueTools shows an empty object.
  What am I not doing right here?</p>