Currently EuiIcon's mock renders their elements <div> because of the dynamics of the SVG imports. However, React's DOM validator complains when they see this <div>nested inside either inline or other elements that shouldn't have block elements inside, like <p>.
console.error
Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.
in div (created by EuiIcon)
in EuiIcon (created by Context.Consumer)
in EuiI18n (created by EuiLink)
in a (created by EuiLink)
in EuiLink (created by InnerWorkspacePanel)
in small (created by InnerWorkspacePanel)
in p (created by InnerWorkspacePanel)
Kibana question:
Is Kibana's mock of EuiIcon provided by EUI directly, or does this also need to change in Kibana manually somewhere?
Currently EuiIcon's mock renders their elements
<div>because of the dynamics of the SVG imports. However, React's DOM validator complains when they see this<div>nested inside either inline or other elements that shouldn't have block elements inside, like<p>.Kibana question:
Is Kibana's mock of EuiIcon provided by EUI directly, or does this also need to change in Kibana manually somewhere?