Knob "select" does not work on nested story

[oluckyman]

Describe the bug
When I use select knob in a nested story:

storiesOf('Chart / series', module)
  .add('nested story', ...)

it throws an error in the console

if I go to root story first, reload the page and then go to the nested story. It does not throw the error, but the select knob does not work: when I change the selection, it does not update the component and returns the selection to the initial value in a half of a second or so.

To Reproduce
on Vue project:

storiesOf('Chart', module)
  .add('root story with select works', ...)
storiesOf('Chart / series', module)
  .add('nested story with select does not work', ...)

Expected behavior
Should work both on root and nested stories and do not throw emit error in the console

Screenshots
this._channel is undefined

System:

• OS: MacOs
• Device: Macbook Pro
• Browser: chrome
• Framework: vue
• Addons: knobs
• Version:
  "@storybook/addon-knobs": "^5.0.11",
  "@storybook/vue": "^5.0.11

[shilman]

I'm not sure that's valid nesting. Does it work if you try storiesOf('Chart/standard', ...).add(...) and storiesOf('Chart/series', ...).add(...)?

[oluckyman]

Just tried this:

storiesOf('Chart / standard', ...).add('knob', ...)
storiesOf('Chart / series', ...).add('knob', ...)

It works for 'standard' section and does not work for 'series'.

---

And just before sending this comment I realized that the first section has addDecorator and all the rest don't 🤦‍♂️

storiesOf('Chart / standard', ...)
  .addDecorator(withKnobs)

Sorry! with addDecorator directive it all works as expected.