Reactime icon indicating copy to clipboard operation
Reactime copied to clipboard

Fix validateDOMNesting errors within <p> of <Hover>

Open aspiers opened this issue 4 years ago • 0 comments

The <Hover> element under <Action> tries to nest <pre> and <div> under <p>, leading to errors such as:

react-dom.development.js:88 Warning: validateDOMNesting(...): <pre> cannot appear as a descendant of <p>.
    in pre (created by Action)
    in div (created by Action)
    in div (created by Action)
    in p (created by Action)
    in div (created by Action)
    in div (created by Hover)
    in Hover (created by ReactHover)
    in div (created by ReactHover)
    in ReactHover (created by Action)
    in div (created by Action)
    in Action (created by ActionContainer)
    in div (created by ActionContainer)
    in div (created by ActionContainer)
    in div (created by ActionContainer)
    in ActionContainer (created by MainContainer)
    in div (created by MainContainer)
    in div (created by MainContainer)
    in MainContainer (created by App)
    in App

So remove the <p> wrapping to fix these errors.

aspiers avatar Dec 11 '21 19:12 aspiers