You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<Inspector> component seems to be using <li> as a root dom node,
so when the inspector is nested in another list item component React complains with the flowing message:
Warning: validateDOMNesting(...): <li> cannot appear as a descendant of <li>
Below is the rendered dom tree which illustrates the problem:
Regardless of the React warning, according to MDN on <li> element:
Permitted parents: An <ul>, <ol>, or <menu> element.
So having <li> as root element is not a conforming usage anyhow ¯\_(ツ)_/¯
The text was updated successfully, but these errors were encountered:
ValentineStone
changed the title
Make root dom element of <Inspector> not a <li>
Make root dom element of <Inspector> not <li>
Apr 30, 2018
<Inspector>
component seems to be using<li>
as a root dom node,so when the inspector is nested in another list item component React complains with the flowing message:
Warning: validateDOMNesting(...): <li> cannot appear as a descendant of <li>
Below is the rendered dom tree which illustrates the problem:
Regardless of the React warning, according to MDN on
<li>
element:So having
<li>
as root element is not a conforming usage anyhow ¯\_(ツ)_/¯The text was updated successfully, but these errors were encountered: