title: Material-UI Tooltip automatically opens (displays unexpectedly) after button got enabled
body: <p>I suppose that the state change of the button (enabled or disabled) is causing the issue.
  I have 5 action buttons (create, delete, edit, save and cancel).
  All buttons start disabled except the Create button.
  When I click the Create button, it becomes disabled and the Save and Cancel buttons become enabled. When it occours, the Save or Cancel tooltip pops up. Sometimes both of them pop up, sometimes only one of them pops up.
  At the first time, I thought that it was happening in response to focus events. Then I try to disable the tooltip response to focus events setting disableTriggerFocus={true}, but it doesn't work.</p>
  <p>Here's the code for <code>ActionButton</code>:</p>
  <pre><code>import Tooltip from &quot;@material-ui/core/Tooltip&quot;;
  
  const ActionButton = ({ buttonIcon, onClick, disabled, tooltip }) =&gt; {
    return (
      &lt;&gt;
        &lt;Tooltip
          title={disabled ? &quot;&quot; : tooltip}
          placement=&quot;top&quot;
          arrow
          disableTriggerFocus={true}
        &gt;
          &lt;Button onClick={onClick} disabled={disabled}&gt;
            &lt;ButtonIcon tag={buttonIcon} /&gt;
          &lt;/Button&gt;
        &lt;/Tooltip&gt;
      &lt;/&gt;
    );
  };
  </code></pre>
  <p><a href="https://codesandbox.io/s/actionbuttonspainel-2s8wr?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="nofollow noreferrer"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Edit ActionButtonsPainel" /></a></p>