[Bug] `Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.`

Open

#1,312 opened on Dec 24, 2023 1 comment 0 reactions 0 assignees View on GitHub

Description

When we want to use `useSteps` in a component inside a `

` element, we get the following console error:

```Warning: validateDOMNesting(...):

cannot appear as a descendant of

.```

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 `

`, which cannot always be inserted in the DOM without triggering the `validateDOMNesting` error in the console.

**Expected behavior:** useSteps should not return a `

` placeholder element since this triggers the aforementioned error. Instead, it could return a `` element, which would address this issue.

This issue has not been assessed yet.