title: Reactive Object is not updating on template Vue3 Composition API
body: <p>I'm struggling with this for a few days, maybe you could help me. I'm trying to fetch data from firebase (saved in <code>state.state.memory</code> and display it on my template. My variable <strong>saved</strong> updates on console, but template doesn't shows anything. I tried everything but I can't get anything on the template, could you explain?</p>
  <p>Thanks!!</p>
  <h3>template</h3>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div class=&quot;memory&quot; id=&quot;memory&quot;&gt;
      Memory
      &lt;div class=&quot;elementos-memoria&quot; v-for=&quot;item in saved&quot; :key=&quot;item&quot;&gt;
        {{ item.primero + item.operador + item.segundo + ' = ' + item.resultado }}
      &lt;/div&gt;
      &lt;div class=&quot;elementos-memoria&quot; v-for=&quot;cuenta in cuentas&quot; :key=&quot;cuenta&quot;&gt;
        {{ cuenta }}
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <h3>script</h3>
  <pre class="lang-js prettyprint-override"><code>import M from &quot;materialize-css&quot;;
  import { inject, reactive, watch } from &quot;vue&quot;;
  
  export default {
    props: {
      cuentas: Array,
    },
    setup() {
      const state = inject(&quot;store&quot;);
      let saved = reactive({});
      watch(
        () =&gt; state.state.memory,
        () =&gt; {
          saved = state.state.memory;
          console.log(saved);
        }
      );
  
      setInterval(() =&gt; console.log(saved), 1000);
  
      return {
        saved,
      };
    },
    mounted() {
      M.AutoInit();
    },
  };
  </code></pre>
  <h3>Auth.js File</h3>
  <pre><code>const state = reactive({
      user: {},
      memory: {},
  })
  
  const login = (email, password) =&gt; {
      let memory = []
      auth.signInWithEmailAndPassword(email, password).then((data) =&gt; {
          state.user = data.user
          db.collection('users').doc(state.user.uid).collection('operaciones').get().then((queryResult) =&gt; {
              queryResult.forEach(doc =&gt; {
                  memory.push(doc.data())
              })
              state.memory = memory
          }).catch(err =&gt; console.log(err))
      })
  }
  
  const signIn = (email, password) =&gt; {
      auth.createUserWithEmailAndPassword(email, password).then(cred =&gt; {
          state.user = cred.user;
      })
  }
  
  
  const logout = () =&gt; {
      auth.signOut().then(() =&gt; {
          state.user = null;
          state.memory = null;
      })
  }
  
  </code></pre>