CODEWITHSUNDEEP
javascriptreactjsreact-nativestorybook
Theo Itzaris
Theo Itzaris

Reputation: 4671

How to integrate storybook into react-native package 'create-react-native-library'

Hi i want to run storybook in a react-native package, that i have created with create-react-native-library.

So, the steps i ve done, in order to havethe package up and running are:

  1. from the react-native documentation : https://reactnative.dev/docs/native-modules-setup
  2. Run npx create-react-native-library@latest react-native-awesome-module // create a simple package
  3. in the examplesfolder, run yarn start so it loads on the iPhone simulator.
  4. Because it is a package and not an application, i want to have storybook inside it, so to visualize the components.
  5. Install storybook like so: npx -p @storybook/cli sb init --type react

The yarn storybook command gives error like so: Error: Cannot find module 'react-dom/package.json'

I attach a screenshot for reference: enter image description here

So, is there a way to integrate the storybook into this package ? Do i miss anything ? thanks

Upvotes: 0

Views: 479

Answers (2)

BadPiggie
BadPiggie

Reputation: 6359

According to the Storybook for React Native | Documentation,

You have to specify the --type as react_native not react.

npx -p @storybook/cli sb init --type react_native

Upvotes: 1

MalwareMoon
MalwareMoon

Reputation: 886

To use storybook with react native you have to change --type to react_native.

This means, that your command to initialize storybook will be:

npx -p @storybook/cli sb init --type react_native

Upvotes: 1

Related Questions