Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐛 [BUG] - Couldn't find story matching 'drafts-components-skeletontext--default' #5399

Closed
1chooo opened this issue Dec 9, 2024 · 5 comments
Assignees
Labels
bug Something isn't working react

Comments

@1chooo
Copy link

1chooo commented Dec 9, 2024

Describe the bug

When I visit https://primer.style/components/skeleton-text/react/draft, there is the error messages as below:

Couldn't find story matching 'drafts-components-skeletontext--default'.
The component failed to render properly, likely due to a configuration issue in Storybook. Here are some common causes and how you can address them:

Missing Context/Providers: You can use decorators to supply specific contexts or providers, which are sometimes necessary for components to render correctly. For detailed instructions on using decorators, please visit the [Decorators documentation](https://storybook.js.org/docs/react/writing-stories/decorators).
Misconfigured Webpack or Vite: Verify that Storybook picks up all necessary settings for loaders, plugins, and other relevant parameters. You can find step-by-step guides for configuring [Webpack](https://storybook.js.org/docs/builders/webpack) or [Vite](https://storybook.js.org/docs/builders/vite) with Storybook.
Missing Environment Variables: Your Storybook may require specific environment variables to function as intended. You can set up custom environment variables as outlined in the [Environment Variables documentation](https://storybook.js.org/docs/configure/environment-variables).
- Are you sure a story with that id exists?
- Please check your stories field of your main.js config.
- Also check the browser console and terminal for error messages.

Also, after clicking View in Storybook, we could meet the error message.

Reproduction steps

1. Go to https://primer.style/components/skeleton-text/
2. Click on 'react'
3. Scroll down to 'Example'
4. See error

Expected behavior

1. Go to https://primer.style/components/skeleton-text/
2. Click on 'react'
3. Scroll down to 'Example'
4. See the demo of skeleton-text

Screenshots

Error in components/skeleton-text/react/draft Error in Storybook

Browsers

Chrome

OS

Mac

@francinelucca
Copy link
Member

Thanks for reporting! @1chooo. A fix for this is already in the pipeline and should be solved on our next release!

@francinelucca francinelucca self-assigned this Dec 9, 2024
@1chooo
Copy link
Author

1chooo commented Dec 9, 2024

Thanks for reporting! @1chooo. A fix for this is already in the pipeline and should be solved on our next release!

Thanks @francinelucca

@francinelucca
Copy link
Member

In the meantime you can access the Skeleton Text stories directly here -> https://primer.style/react/storybook/?path=/story/experimental-components-skeleton-skeletontext--default

@francinelucca
Copy link
Member

Working now over at https://primer.style/components/skeleton-text/react/draft, closing

@1chooo
Copy link
Author

1chooo commented Dec 10, 2024

That's awesome!!! Thanks, @francinelucca

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working react
Projects
None yet
Development

No branches or pull requests

2 participants