search

airpartners / aq-web-client

Web app for end-users.
https://airpartners-ade.web.app/
2 stars 0 forks source link

Clicking "Learn More" on at-a-glance page for a pollutant gives HTML warning #54

Open hsharriman opened 3 years ago

hsharriman commented 3 years ago

Basically, somewhere in the layout for the PollutantBarComponent there is a <div> within a <p> component. Here is the full warning:

index.js:1 Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.
    in div (at PollutantBarComponent.js:240)
    in p (created by ForwardRef(Typography))
    in ForwardRef(Typography) (created by WithStyles(ForwardRef(Typography)))
    in WithStyles(ForwardRef(Typography)) (created by ForwardRef(DialogContentText))
    in ForwardRef(DialogContentText) (created by WithStyles(ForwardRef(DialogContentText)))
    in WithStyles(ForwardRef(DialogContentText)) (at PollutantBarComponent.js:220)
    in div (created by ForwardRef(DialogContent))
    in ForwardRef(DialogContent) (created by WithStyles(ForwardRef(DialogContent)))
    in WithStyles(ForwardRef(DialogContent)) (at PollutantBarComponent.js:219)
    in div (created by ForwardRef(Paper))
    in ForwardRef(Paper) (created by WithStyles(ForwardRef(Paper)))
    in WithStyles(ForwardRef(Paper)) (created by ForwardRef(Dialog))
    in div (created by Transition)
    in Transition (created by ForwardRef(Fade))
    in ForwardRef(Fade) (created by TrapFocus)
    in TrapFocus (created by ForwardRef(Modal))
    in div (created by ForwardRef(Modal))
    in ForwardRef(Portal) (created by ForwardRef(Modal))
    in ForwardRef(Modal) (created by ForwardRef(Dialog))
    in ForwardRef(Dialog) (created by WithStyles(ForwardRef(Dialog)))
    in WithStyles(ForwardRef(Dialog)) (at PollutantBarComponent.js:202)
    in div (at PollutantBarComponent.js:182)
    in PollutantBarComponent (at AtAGlanceComponent.js:43)
    in div (created by ForwardRef(Grid))
    in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid)))
    in WithStyles(ForwardRef(Grid)) (at AtAGlanceComponent.js:39)
    in div (at AtAGlanceComponent.js:37)
    in div (at AtAGlanceComponent.js:35)
    in AtAGlanceComponent (at DeviceHome.js:30)
    in div (created by ForwardRef(Paper))
    in ForwardRef(Paper) (created by WithStyles(ForwardRef(Paper)))
    in WithStyles(ForwardRef(Paper)) (at DeviceHome.js:28)
    in div (at DeviceHome.js:26)
    in DeviceHome (at DevicePage.js:41)
    in div (at DevicePage.js:54)
    in div (at DevicePage.js:52)
    in DevicePage (at ContentContainer.js:103)
    in main (at ContentContainer.js:129)
    in div (at ContentContainer.js:116)
    in ContentContainer (at App.js:31)
    in Route (at App.js:30)
    in Switch (at App.js:26)
    in ThemeProvider (at App.js:25)
    in App (at src/index.js:8)
    in Router (created by BrowserRouter)
    in BrowserRouter (at src/index.js:8)