title: How to use Vuex 4 state data inside Vue 3 component as payload for another dispatch?
body: <p>I Am using Vue 3 Composition API and useStore hook from Vuex 4</p>
  <p>This is how I am getting data (ids) from vuex store inside setup()</p>
  <pre><code>    setup () {
                  const store = useStore()    
                  const allIds = computed(() =&gt; store.state.ids)               
      
              function printIds () {
                  console.log(allIds.value)
                 }
               //...
           }
  </code></pre>
  <p>Problem is I am not able to use <em>allIds</em> array as it's wrapped in Proxy. This is what I get on console.log(allIds.value) -</p>
  <p><a href="https://i.stack.imgur.com/4Ro07.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4Ro07.png" alt="enter image description here" /></a></p>
  <p>When I use this array in templates it works fine, but I want to use this data as payload for another action dispatch inside component using 1 of the ids from array. How can I do that? All examples I found are for using store data in templates.</p>
  <p>Thanks.</p>