Documentation does not provide the necessary instructions to configure Storybook for a react-native project

[ubugnu]

Documentation issue

• [ ] Reporting a typo
• [ ] Reporting a documentation bug
• [x] Documentation improvement
• [x] Documentation feedback

Is there a specific documentation page you are reporting?

• https://nx.dev/nx-api/storybook
• https://nx.dev/nx-api/react-native/generators/storybook-configuration
• https://nx.dev/nx-api/react-native/executors/storybook

Additional context or description

The documentation seems to treat the configuration of a react project and the configuration of a react native project as the same, which obviously is not the case!

Also, when I run any of the commads provided, e.g. npx nx storybook my-mobile-app, I get a browser page for Storybook. But, react-native stories are run on a mobile phone and not on a browser.

Finally, if I try to bypass the nx installation method, and use directly the one provided in the official repository, using a npx storybook@latest init command on the root of the mobile app folder, I get an error saying:

SB_CLI_INIT_0001 (NxProjectDetectedError): We have detected Nx in your project. Nx has its own Storybook initializer, so please use it instead.
Run "nx g @nx/storybook:configuration" to add Storybook to your project.

More info: https://nx.dev/packages/storybook

[recallwei]

+1

[meckanism]

+1