Open
Description
Vibe version
2.93.0
Describe the bug
Getting the following warning in the Chrome console when using a Tipseen.
Warning: validateDOMNesting(...):
cannot appear as a descendant of
.
When inspecting the DOM in the Storybook basic example, you can see it does indeed nest a div inside a p tag (see screenshot). Though in Storybook, I don't see the same warning in the Chrome console.
Expected behavior
Tipseen doesn't nest a div inside of a p tag.
Steps to reproduce
- Add a Tipseen to a react project (I'm using vite) and run the project
<Tipseen
content={<TipseenContent title="Title">Popover message will appear here loremipsum dolor samet…</TipseenContent>}
modifiers={[
{
name: 'preventOverflow',
options: {
mainAxis: false
}
},
{
name: 'flip',
options: {
fallbackPlacements: []
}
}
]}
position="right"
>
<div className="monday-storybook-tipseen_container" />
</Tipseen>
- Open the Chrome console and you can see the warning:
Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.
Reproduction example link
No response
System Info
System:
OS: macOS 14.3.1
CPU: (14) arm64 Apple M3 Max
Memory: 141.75 MB / 36.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 21.6.1 - /opt/homebrew/bin/node
Yarn: 1.22.21 - /usr/local/bin/yarn
npm: 10.2.4 - /opt/homebrew/bin/npm
Browsers:
Chrome: 122.0.6261.94
Safari: 17.3.1