title: Redux Dev tools updating. Console not updating with state changes or data
body: <p>Ive been trying to do this with react hooks and the useSelector/useDispatch. What happens is, I am able to see the data and state change in the Redux DevTools however, when logging to the console, I either get an empty array or undefined. I am also not able to render the data to the screen expectedly.  </p>
  
  <p>Posts Component</p>
  
  <pre><code>import React, {useState, useEffect} from 'react'
  import PropTypes from 'prop-types'
   import {useSelector, useDispatch} from 'react-redux'
  import {getPosts} from '../actions/postActions'
  
  
  const Posts = props =&gt;{
  
      const dispatch = useDispatch();
  
      const postData = useSelector(state=&gt; state.items, []) || []; //memoization?
      const [items, setItems] = useState(postData)
  
      console.log(postData);
  
      useEffect(() =&gt; {
          dispatch(getPosts());
      }, []);
  
      return(    
          &lt;h1&gt;{postData[0]}&lt;/h1&gt;
      )
  }
  
  export default Posts
  </code></pre>
  
  <p>ACTIONS</p>
  
  <pre><code>import {GET_POSTS, NEW_POSTS} from '../actions/types'
  
  export const getPosts =()=&gt; dispatch =&gt;{
           //fetch
      console.log('fetching')
  
      const url = 'https://jsonplaceholder.typicode.com/posts/'
  
      fetch(url)
          .then(res =&gt; res.json())
          .then(posts=&gt; dispatch({type: GET_POSTS, payload: posts}))
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/EF48L.png" rel="nofollow noreferrer">reduxDevTools image</a></p>