title: redux state is not updating
body: <p>Action:</p>
  
  <pre><code>export const fetchNewsSuccess = (article) =&gt; ({
    type: NewsActionTypes.FETCH_NEWS_SUCCESS,
    payload: article,
  });
  export const fetchNewsBeginAsync = () =&gt; {
    return (dispatch) =&gt; {
      const collectionRef = fireStore.collection('news');
      dispatch(fetchNewsBegin());
  
      collectionRef
        .get()
        .then((snapshot) =&gt; {
          dispatch(fetchNewsSuccess(snapshot));
        })
        .catch((error) =&gt; dispatch(fetchNewsFailure(error.message)));
    };
  };
  </code></pre>
  
  <p>Reducer</p>
  
  <pre class="lang-js prettyprint-override"><code>const newsReducer = (state = INITIAL_STATE, action) =&gt; {
    switch (action.payload) {
      case NewsActionTypes.FETCH_NEWS_BEGIN:
        return {
          ...state,
          isFetching: true,
        };
      case NewsActionTypes.FETCH_NEWS_SUCCESS:
        return {
          ...state,
          isFetching: false,
          news: action.payload,
        };
    }
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/2nYyq.png" rel="nofollow noreferrer">redux-logger image</a></p>
  
  <p>I'm trying to get article data from firebase database, fetching data in action (with redux-thunk) fetchNewsBeginAsync then my action has payload but state not updating can anyone help me pls </p>