Skip to content

[Bug]: Controls never load with two Storybooks (refs) if initial page is a ref story #34553

@logindejavu27

Description

@logindejavu27

Describe the bug

Controls never load with two Storybooks (refs).

The first time I upgraded to v10, everything was working fine, but I can’t recall the exact version. However, it definitely stopped working in v10.2.7, and since then I’ve been trying all the latest releases, including v10.4.0-alpha.9, and it still never works.

Image

I prepared small monorepo porject where you can reproduce the issue on your side
storybook-refs-issue.zip

Reproduction link

http://127.0.0.1:8080

Reproduction steps

I prepared small monorepo porject where you can reproduce the issue on your side

  1. Run the following commands:
yarn install
yarn build
yarn storybook:preview
  1. Then navigate to http://127.0.0.1:8080 and Select "Default"(canvas) story from React components section

  2. Refresh the browser using F5

  3. The Controls panel will load indefinitely! The same happens if you copy current URL and open it in another tab - controls never load. Like http://127.0.0.1:8080/storybook-wc/index.html?path=/story/react_mybutton--default

storybook-refs-issue.zip

System

...is not OS/Browser specific, since same is reproducible in Ubuntu(WSL2)

Storybook Environment Info:

│  System:
│  OS: Windows 11 10.0.22631
│  CPU: (20) x64 13th Gen Intel(R) Core(TM) i7-13800H
│  Binaries:
│  Node: 20.19.5 - C:\Users\xxxxx\AppData\Local\Temp\xfs-6c2f8467\node.CMD
│  Yarn: 4.5.0 - C:\Users\xxxxx\AppData\Local\Temp\xfs-6c2f8467\yarn.CMD <-----
│  active
│  npm: 10.8.2 - C:\Program Files\nodejs\npm.CMD
│  Browsers:
│  Chrome: 147.0.7727.56
│  Edge: Chromium (146.0.3856.97)
│  Firefox: 149.0.2 - C:\Program Files\Mozilla Firefox\firefox.exe

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions