When we want to use useSteps in a component inside a <p> element, we get the following console error:
Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.
See it in this codesandbox's console: https://codesandbox.io/s/infallible-hertz-2yjsj3?file=/src/index.js
Current behavior: The placeholder element produced by useStep is a <div>, which cannot always be inserted in the DOM without triggering the validateDOMNesting error in the console.
Expected behavior: useSteps should not return a <div /> placeholder element since this triggers the aforementioned error. Instead, it could return a <span /> element, which would address this issue.
When we want to use
useStepsin a component inside a<p>element, we get the following console error:Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.See it in this codesandbox's console: https://codesandbox.io/s/infallible-hertz-2yjsj3?file=/src/index.js
Current behavior: The placeholder element produced by
useStepis a<div>, which cannot always be inserted in the DOM without triggering thevalidateDOMNestingerror in the console.Expected behavior: useSteps should not return a
<div />placeholder element since this triggers the aforementioned error. Instead, it could return a<span />element, which would address this issue.