Material-ui: Tooltip: TypeError: Cannot read property 'className' of undefined

[thebazshah]

I am getting this error. Code is crashing.

Here are my imports:

And this is how I am calling it in m code (simple example from docs):

[oliviertassinari]

Check the documentation, the Tooltip requires an element as a child that forward the ref, for instance:

<Tooltip title="Foo">
  <span>Bar</span>
</Tooltip>

[elitan]

Maybe that could be the error message if there is no child element present.

[oliviertassinari]

@elitan #17480

[dandymon]

Agreed, I had this exact error, had to wrap my text inside a <Button>

[cyrfer]

I bumped into this when I had 2 components inside the tooltip. I'm guessing Tooltip does not know how do deal with that. I removed one component and the problem went away.

[oliviertassinari]

@cyrfer The tooltip requires a React element that forward refs, a node isn't supported.

[praveshstark]

@thebazshah in the tooltip u have to required atleast one tag or react element but dont use more than one if u use then again this show same error
like:

<Tooltip title="Delete">
     <button onClick={additem}><AddShoppingCartIcon /></button>
    <br />
     </Tooltip>

this is show error

if u remove
then this error not shown