title: change in props not causing re-render in react - redux app
body: <p>I have a react -redux app. It is working fine. But when props in one particular component updated using calling props.dispatch(), other component which is using this props is not re-rendering. I think redux is not able to identify changes in that particular prop. 
  object is </p>
  
  <pre><code>[
     {lunch: 0, dinner: 12, breakfast: 0},
     {lunch: 1, dinner: 2, breakfast: 0}, 
     {lunch: 0, dinner: 12, breakfast: 10}
  ]
  </code></pre>
  
  <p>and this change to something like this</p>
  
  <pre><code>[
     {lunch: 0, dinner: 1, breakfast: 0},
     {lunch: 1, dinner: 2, breakfast: 0}, 
     {lunch: 0, dinner: 1, breakfast: 10}
  ]
  </code></pre>
  
  <p>So there are just slight changes in the object. But then this should cause re-rendering in components which are using this prop. 
  But this is not the case. I have checked in the reducer, the object is changing there. 
  Re-render is also called for changes in other props. Only in case of this object. it is not re-rendering. 
  Any suggestions?
  Edit:- 
  in component- </p>
  
  <pre><code>this.props.dispatch({type: actions.SAVE_SELECTED_MEAL, selectedMeal: selected});
  </code></pre>
  
  <p>in reducer -- </p>
  
  <p><code>case actions.SAVE_SELECTED_MEAL:
      return {
          ...state,
          selectedMeal: action.selectedMeal // [{lunch: id, dinner: 12, breakfast: 0}]
      }</code></p>