title: Redux state - difference between DevTools and Redux store
body: <p>I am using a selector to get parts of the application state, as advised by the Redux documentation.</p>
  
  <p>However, I am experiencing a slight difficulty.</p>
  
  <p>I update a part of the state, like this:
  state->query->(set)origin</p>
  
  <p>when i try to access this state part using a selector, like:</p>
  
  <pre><code>const selectQuery = (state) =&gt; state.get('query')
  </code></pre>
  
  <p>, what I actually get is a litle bit different (and harder to manage) than I was expecting.</p>
  
  <p>I was expecting to have an object with query as a key, than inside that another object with origin as a key, and finaly its value.
  This is also what i see on the redux devtools, image below.</p>
  
  <p><a href="https://i.stack.imgur.com/ycHYt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ycHYt.png" alt="enter image description here"></a></p>
  
  <p>However, my actual state is different.
  What I actually have is:
  query (map object) with a "_root" key, which has an "entries" key, which has an "array" key, with two objects "origin" and the value of it. image below.</p>
  
  <p><a href="https://i.stack.imgur.com/UwE0N.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UwE0N.png" alt="enter image description here"></a></p>
  
  <p>Is this difference somehow normal?
  If i want to acces the origin value, do i really need to do something like:</p>
  
  <pre><code>const selectquery = (state) =&gt; state.query._root.entries.array[1]
  </code></pre>