title: Same redux actions dispatched in quick succession
body: <p>I have an application with like button. User can like multiple posts in quick succession. I send the action to update likecount and add like/user record through a redux action.</p>
  <pre><code>export const likePost = (payload) =&gt; (dispatch) =&gt; {
    dispatch({
      type: &quot;LIKE_POST&quot;,
      payload,
    });
  };
  </code></pre>
  <p>In the saga on successful update, the control of action comes in both cases but LIKE_POST_SUCCESSFUL is triggered only for the last.</p>
  <pre><code>function* requestLikePost(action) {
    const { postId } = action.payload;
    try {
      const response = yield call(callLikePostsApi, postId);
      yield put({
        type: &quot;LIKE_POST_SUCCESSFUL&quot;,
        payload: response.data,
      });
    } catch (error) {
      yield put({
        type: &quot;LIKE_POST_FAILED&quot;,
        payload: error.response.data,
      });
    }
  }
  
  </code></pre>
  <p>These are recieving action in reducer. The LIKE_POST is triggered two times as expected but not the LIKE_POST_SUCCESSFUL, its triggered only for the last though both reached .</p>
  <pre><code>case &quot;LIKE_POST&quot;:
        return {
          ...state,
          errors: {},
         
        };
      case &quot;LIKE_POST_SUCCESSFUL&quot;:
        updatedPosts = state.posts.map((post) =&gt; {
          if (post.postId === action.payload.postId) {
            return action.payload;
          }
          return post;
        });
        updatedLikes = [
          ...state.likes,
          { userName: state.profile.userName, postId: action.payload.postId },
        ];
        console.log(&quot;updatedLikes&quot;, updatedLikes, action.payload);
        return {
          ...state,
          posts: updatedPosts,
          likes: updatedLikes,
          loading: false,
        };
  
  </code></pre>
  <p>API call</p>
  <pre><code>const callLikePostsApi = (postId) =&gt; axios.get(`/post/${postId}/like`);
  </code></pre>