title: Conditionally activate Material UI tooltip?
body: <p>I have the following React component using Material UI:</p>
  
  <pre><code>const MyButton = ({ warningText }) =&gt; (
      &lt;Tooltip title={warningText}&gt;
          &lt;Button&gt;Do action&lt;/Button&gt;
      &lt;/Tooltip&gt;
  )
  </code></pre>
  
  <p>Currently, this shows an empty tooltip when <code>warningText</code> is undefined. Instead I would like to show no tooltip at all. Is there a way to conditionally surpress the tooltip in these cases?</p>
  
  <p>Off course I could just use an if statement to not render the tooltip component, but this would lead to rather ugly code in my opinion.</p>