storybook: validateDOMNesting Error

Describe the bug Migrated existing Storybook instance to v6.0.13. Despite being a @story/vue project, get very large React DOM Nesting error that consumes most fo the browser console.

To Reproduce

Run storybook:serve
Open browser console.
View Error

Warning: validateDOMNesting(...): <ul> cannot appear as a descendant of <p>.

Expected behavior No run time errors.

Screenshots Screen Shot 2020-08-19 at 10 23 57 AM

Code snippets It shows up even when all stories are removed from the library.

System: System: OS: macOS 10.15.6 CPU: (12) x64 Intel® Core™ i7-9750H CPU @ 2.60GHz Binaries: Node: 12.16.1 - ~/.nvm/versions/node/v12.16.1/bin/node Yarn: 1.22.0 - /usr/local/bin/yarn npm: 6.9.0 - ~/.nvm/versions/node/v12.16.1/bin/npm Browsers: Chrome: 84.0.4147.125 Firefox: 77.0.1 Safari: 13.1.2 npmPackages: @storybook/addon-a11y: ^6.0.13 => 6.0.13 @storybook/addon-actions: ^6.0.13 => 6.0.13 @storybook/addon-backgrounds: ^6.0.13 => 6.0.13 @storybook/addon-controls: ^6.0.13 => 6.0.13 @storybook/addon-docs: ^6.0.13 => 6.0.13 @storybook/vue: ^6.0.13 => 6.0.13

Additional context Add any other context about the problem here.

About this issue

Original URL
State: closed
Created 4 years ago
Reactions: 3
Comments: 16 (9 by maintainers)

Most upvoted comments

I’m getting the same with web components 🤔

  "@storybook/addon-actions": "^6.0.13",
  "@storybook/addon-essentials": "^6.0.13",
  "@storybook/addon-links": "^6.0.13",
  "@storybook/web-components": "^6.0.13",

dgonzalezr on Aug 19, 2020

Crikey!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.1.0-alpha.7 containing PR #12298 that references this issue. Upgrade today to try it out!

You can find this prerelease on the @next NPM tag.

Closing this issue. Please re-open if you think there’s still more to do.

shilman on Sep 10, 2020