Build creating nested storybook UI - Inception!
See original GitHub issueDescribe the bug
A clear and concise description of what the bug is.
Using vanilla Create-React-App, then add storybook, then run build-storybook. Here is the results:
To Reproduce Steps to reproduce the behavior:
- Run CRA
- Add storybook
- Run
build-storybook
- serve the results
Expected behavior
A clear and concise description of what you expected to happen.
Storybook should look the same as when you use yarn storybook
Screenshots If applicable, add screenshots to help explain your problem.

Code snippets If applicable, add code samples to help explain your problem.
System:
- OS:MacOS
- Device: Macbook Pro 2018
- Browser: Chrome latest
- Framework: React
- Addons: None - Using CRA to bootstrap app
- Version: 4.1.6 and Latest
Additional context Add any other context about the problem here.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:5
- Comments:21 (8 by maintainers)
Top Results From Across the Web
Stories for multiple components - Storybook - JS.ORG
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and...
Read more >How to build connected components in Storybook - JS.ORG
Use decorators to isolate connected components ... UI components need data and action handlers to render. These are often passed in as props,...
Read more >Structuring your Storybook - JS.ORG
Or create your own blocks by importing custom components into the MDX ... Healthy UI libraries and design systems receive constant updates.
Read more >Building pages with Storybook - JS.ORG
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and...
Read more >INCEpTION User Guide
This Getting Started Guide helps new users to install, start and work with INCEpTION. It gives a quick overview (estimated time for reading ......
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Found the same issue, to reproduce it:
serve -s storybook-static
Removing the single page app flag fixes it:
serve storybook-static
I encountered this same resulting nested storybook behavior but the cause of the bug was slightly different. There is a bug in the babel 7.7.0 release, reported here. As a result of these type errors, my storybook build fails but then renders like the image above. Once this fix is out in a release, it should be safe to upgrade, but until then you may want to lock in the babel 7.6 minor version.