question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

When story id starts with 'settings' the addons panel is not responding 🤯

See original GitHub issue

Describe the bug When story id starts with settings, the addon panel is frozen/broken/not responding. 🤯

https://user-images.githubusercontent.com/11510581/116053981-83f51f80-a67b-11eb-8a70-28e8b989b50e.mp4

To Reproduce I reproduced it on newly created CRA with SB. See video above.

To reproduce: just add story id starting with settings

export default {
  title: "Example/Button",
  id: "settings-card",
  component: Button,
  argTypes: {
    backgroundColor: { control: "color" },
  },
};

System

Environment Info:

  System:
    OS: macOS 10.15.7
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 14.14.0 - ~/.nvm/versions/node/v14.14.0/bin/node
    Yarn: 1.22.10 - ~/.nvm/versions/node/v14.14.0/bin/yarn
    npm: 6.14.8 - ~/.nvm/versions/node/v14.14.0/bin/npm
  Browsers:
    Chrome: 90.0.4430.85
    Firefox: 85.0.1
    Safari: 14.0.3
  npmPackages:
    @storybook/addon-actions: ^6.2.9 => 6.2.9
    @storybook/addon-essentials: ^6.2.9 => 6.2.9
    @storybook/addon-links: ^6.2.9 => 6.2.9
    @storybook/node-logger: ^6.2.9 => 6.2.9
    @storybook/preset-create-react-app: ^3.1.7 => 3.1.7
    @storybook/react: ^6.2.9 => 6.2.9

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:3
  • Comments:15 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
jay24rajputcommented, Apr 29, 2021

Hey! I am new to the codebase still exploring the functionality! I would like to work on this issue as my first issue on storybook. Any getting started or tricks and tips?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Panels not visible in React Storybook - Stack Overflow
I have imported addon-actions in addons.js: import @storybook/addon-actions/register and the module is also present in node_modules folder. I am ...
Read more >
How to use the @storybook/addons.getChannel function in ...
To help you get started, we've selected a few @storybook/addons examples, based on popular ways it is used in public projects. Secure your...
Read more >
Storybook Docs with mdx support and addon knobs - Medium
After upgrading all of the storybook npm packages, I see that the config files have completely changed. I can remove .storybook/addons.js ...
Read more >
2021.2: Z-Wave... JS! - Home Assistant
To fix this, a new settings UI has been added where you can select the default language and gender to use for the...
Read more >
The 5 Best Addons for Building Accessible React Components ...
Use npm run storybook to check that everything is working as intended, and now we're ready to start customizing your setup for accessibility ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found