title: React show Material-UI Tooltip only for text that has ellipsis
body: <p>Looking for a way to have material-ui's tooltip expand the text in a table cell <strong><em>ONLY</em></strong> if the text is cut off with an ellipsis (overflowing).</p>
  
  <p>Currently in my table I have a cell like this:</p>
  
  <pre><code>&lt;TableCell className={classes.descriptionCell}&gt;{row.description}&lt;/TableCell&gt;
  </code></pre>
  
  <p>and my styling for descriptionCell is like this:</p>
  
  <pre><code>    descriptionCell: {
          whiteSpace: 'nowrap',
          maxWidth: '200px',
          overflow: 'hidden',
          textOverflow: 'ellipsis'
      }
  </code></pre>
  
  <p>This makes the text behave the way I would like it to in this table, but I want to be able to hover and view the rest of it in a tooltip, preferably Material-UI's built in tooltip component.</p>
  
  <p>I know there is a package that exists here <a href="https://www.npmjs.com/package/react-ellipsis-with-tooltip" rel="noreferrer">https://www.npmjs.com/package/react-ellipsis-with-tooltip</a> which should do this, BUT it uses bootstrap tooltip, not material UI.</p>