title: React, componentWillReceive lifeCycle Hook not being invoked (on passing props)
body: <p>I was trying to pass props both in App component (The root Component) and then to Header component from App itself.</p>
  
  <p>I have used Life Cycle Hooks upto componentWillReceiveProps() in both App and Header Component.</p>
  
  <p>componentWillMount(), render(), componentDidMount() are getting executed in both the Components in an expected order.</p>
  
  <p>However, componentWillReceiveProps() is not executed at all even on passing props. This is a unExpected behaviour, since componentWillMount() was executed normally! </p>
  
  <p>I shall be extremely thankful to know why is this happening ! Thank you :) </p>
  
  <p>Kindly check the code sample from the below link:</p>
  
  <p><a href="https://codesandbox.io/s/r092xkpwjp" rel="nofollow noreferrer">https://codesandbox.io/s/r092xkpwjp</a></p>
  
  <p><a href="https://i.stack.imgur.com/i8SVn.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i8SVn.gif" alt="ComponentWillReceiveProps"></a></p>
  
  <p><strong>Please Note:</strong> Question has been updated, and it shows both scenarios now, new props being passed (in <strong>Header Component</strong> which works fine now) and no new props being passed as was previously the case in the question (in <strong>App Component</strong> which still shows why things were working unexpectedly).</p>