title: Typescript if and if not with boolean and string
body: <p>I am editing an app using TypeScript React and Meteor. Currently I got the following state:</p>
  
  <pre><code>  {user &amp;&amp; ( ... )}
  </code></pre>
  
  <p>This shows some data only if the visitor is a logged in user. I although want to show the data <strong>only</strong> if the tournament is <strong>not</strong> cancelled. So I tried to add </p>
  
  <pre><code>  {user &amp;&amp; !tournament.state === 'cancelled' &amp;&amp; ( ... )}
  </code></pre>
  
  <p>which does not work. I receive the following linter message:</p>
  
  <blockquote>
    <p>Operator '===' cannot be applied to types 'boolean' and '"cancelled"'.</p>
  </blockquote>
  
  <p>How can I solve this puzzle? </p>