title: React shouldComponentUpdate() = false not stopping re-render
body: <p>Basically, I've got this pretty simple react component. What it does is, is wrap around 'react-intercom' and only render it if there is a change in the state. To simplify the question, I've hardwired the <code>shouldCompoenentUpdate()</code> method to always return false.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>    import React from 'react';
      import Intercom from 'react-intercom';
      
      class IntercomWrapper extends React.Component {
          shouldComponentUpdate(nextProps, nextState) {
              // console.log(!!nextProps.user &amp;&amp; nextProps.user.userId !== this.props.user.userId);
              // return !!nextProps.user &amp;&amp; nextProps.user.userId !== this.props.user.userId;
              return false;
          }
      
          render() {
              console.log('rendering');
              return &lt;Intercom {...this.props} /&gt;;
          }
      };
      
      export default IntercomWrapper;</code></pre>
  </div>
  </div>
  </p>
  
  <p>What happens is that it always rerenders, which should not happen.</p>
  
  <p>Anyone has any idea why would that happen?</p>