Tooltip inside a <p></p> results in a warning

[ghost]

It actually works, but the default tooltip wrapper is a <div>
And this makes it problematic to use it within a <p> tag.. In our case we need a tooltip for an img which is inner p tag.. we use span based template to show the tooltip content, but we get a warning message because the tooltip wrapper is a div.

Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>. See ReactMarkdown > p > ... > Image > ItemIconWithTooltip > ReactTooltip > div.

[wwayne]

Thanks, merged the PR, will release in 3.2.4

[joaoreynolds]

For future readers - to save the few minutes it took me to go read the docs. You can pass in the option wrapper="span" (default remains div) which will get around this error.

[Aryaman73]

Not sure if this is working as intended, but it looks like with wrapper="span" there is a p tag there, and I'm getting a similar error:

I'm using v4.2.21

[MilanLund]

I am experiencing this issue too v5.7.1.
Using with Next.js App Directory inside a client component.

To give you more context. I am setting wrapper="span" and the resulting tooltip DOM element is still a div element.

EDIT 2/7/2023:
It looks like this issue has been resolved in v5.7.4.