[Tooltip] Enhancement - Tooltip should not display when there is no value for 'title'

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Sometimes the value for the ‘title’ could be calculated and may be set to null. In this instance the tooltip should not be shown.

Current Behavior

Tooltip is shown regardless of whether there is a value for ‘title’ or not

Steps to Reproduce

https://codesandbox.io/s/z65pow4773

I believe putting the following code here would resolve the issue:

if(this.props.title === null || this.props.title === undefined || this.props.title === "")
   return;

[oliviertassinari]

I think that the propTypes should be stricter: https://github.com/mui-org/material-ui/blob/ddde3c93235f170d2781749a8907005fc12372eb/src/Tooltip/Tooltip.js#L439-L442 @SimplerSoftware Why rendering a Tooltip component if you are not going to use it? It’s inefficient.

[ThadeuLuz]

I agree that title prop should be required

@SimplerSoftware is there a good reason why you are not using the good old helperText prop or the FormHelperText in the TextField? Whats the advantage of using a tooltip?

If you really need it, you can simply fix your problem with a new component:

const ConditionalTooltip = ({ title, children }) =>
  title ? <Tooltip title={title}>{children}</Tooltip> : children;