title: Will a React component re-render if its props are updated, but don't change in value?
body: <p>Let's say we've got a redux store that looks like this:</p>
  
  <pre><code>{
    "page1": {
      "title": "Demo",
      "content": "Testing"
    },
    "page2": {
      "title": "Demo",
      "content": "Yes, I'm aware the titles match."
    }
  }
  </code></pre>
  
  <p>Now let's look at the component that renders the title:</p>
  
  <pre><code>const Title = ({title}) =&gt; &lt;h1&gt;{title}&lt;/h1&gt;
  
  const mapStateToProps = state =&gt; ({
    title: getCurrentPage().title
  })
  
  export default connect(mapStateToProps)(Title)
  </code></pre>
  
  <p>In the above block, getCurrentPage() is a memoized function (via reselect) that derives the current page data from the state based on some condition (in this case, it's react-router's location.pathname).</p>
  
  <p>Will this component re-render when the data returned by getCurrentPage() is different, even though the specific value of {title} stays the same?</p>
  
  <p>If yes, will memoizing the derived title prop change the answer to no?</p>