search

open-source-labs / Reactime

Developer tool for time travel debugging and performance monitoring in React applications.
https://www.reacti.me
MIT License
2.17k stars 200 forks source link

Fix validateDOMNesting errors within <p> of <Hover> #259

Closed aspiers closed 1 year ago

aspiers commented 2 years ago

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.