Missing (peer) dependency on `@storybook/addon-docs`

[anomiex]

storybook-addon-mock tries to import @storybook/addon-docs, but does not declare it as a dependency or peer dependency.

Thus, it will fail if @storybook/addon-docs isn't also installed, and with yarn's P'n'P or pnpm with hoisting disabled it may fail even if @storybook/addon-docs is installed elsewhere in the project.

[luc-marongiu]

It does not work with Chromatic for the same reason, which is quite problematic. This means we will need to change tools and stop using storybook-addon-mock. Many users who use Chromatic will surely encounter the same issue.

Error:       ✘ [ERROR] Could not resolve "@storybook/addon-docs/blocks"
             
                 node_modules/.pnpm/storybook-addon-mock@6.0.1_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@9.1.0__a66089bb3086e9e1dda1d1fee312b806/node_modules/storybook-addon-mock/dist/esm/components/MockItem/index.js:6:44:
                   6 │ ... ObjectControl, RangeControl } from '@storybook/addon-docs/blocks';
                     ╵                                        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
             
               You can mark the path "@storybook/addon-docs/blocks" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle.
             
             Error: Build failed with 1 error:
             node_modules/.pnpm/storybook-addon-mock@6.0.1_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@9.1.0__a66089bb3086e9e1dda1d1fee312b806/node_modules/storybook-addon-mock/dist/esm/components/MockItem/index.js:6:44: ERROR: Could not resolve "@storybook/addon-docs/blocks"
                 at failureErrorWithLog (./node_modules/.pnpm/esbuild@0.24.2/node_modules/esbuild/lib/main.js:1476:15)
                 at ./node_modules/.pnpm/esbuild@0.24.2/node_modules/esbuild/lib/main.js:945:25
                 at runOnEndCallbacks (./node_modules/.pnpm/esbuild@0.24.2/node_modules/esbuild/lib/main.js:1316:45)
                 at buildResponseToResult (./node_modules/.pnpm/esbuild@0.24.2/node_modules/esbuild/lib/main.js:943:7)
                 at ./node_modules/.pnpm/esbuild@0.24.2/node_modules/esbuild/lib/main.js:970:16
                 at responseCallbacks.<computed> (./node_modules/.pnpm/esbuild@0.24.2/node_modules/esbuild/lib/main.js:622:9)
                 at handleIncomingPacket (./node_modules/.pnpm/esbuild@0.24.2/node_modules/esbuild/lib/main.js:677:12)
                 at Socket.readFromStdout (./node_modules/.pnpm/esbuild@0.24.2/node_modules/esbuild/lib/main.js:600:7)
                 at Socket.emit (node:events:524:28)
                 at addChunk (node:internal/streams/readable:561:12)
             
             ℹ Build command:
             pnpm run build-storybook --output-dir=/tmp/chromatic--1965-9HaKl2vctKHQ

[elirov]

we're having this exact issue with chromatic. installing @storybook/addon-docs prevents this particular issue, but I end up getting a different issue when trying to publish to chromatic:

Error: (0 , j.isatty) is not a function
 ELIFECYCLE  Command failed with exit code 23.

[luc-marongiu]

I switched to msw, it's easy to set up and better maintained.
I used to like storybook-addon-mock, but the lack of updates pushed me to move on.

[elirov]

I removed storybook-addon-mock and still getting the same chromatic error..
✖ Verifying your Storybook
→ Failed to publish build
Test your stories

⚠ TurboSnap disabled due to file change
Found a Storybook config change in .storybook/main.ts
A full build is required because this file cannot be linked to any specific stories.
ℹ Read more at https://www.chromatic.com/docs/turbosnap#how-it-works

✖ Failed to extract stories from your Storybook
This is usually a problem with your published Storybook, not with Chromatic.

Build and open your Storybook locally and check the browser console for errors.
Visit your published Storybook at https://64fa03becc73b87df3e86ba7-egpipmebel.chromatic.com/
The following error was encountered while running your Storybook:

Error: (0 , j.isatty) is not a function
 ELIFECYCLE  Command failed with exit code 23.