Issue running react-native-server on the example app

[mljlynch]

Describe the bug A clear and concise description of what the bug is.

To Reproduce

• git clone https://github.com/storybookjs/react-native.git react-native-storybook\ncd react-native-storybook
• yarn build
• npm install --global yarn
• yarn
• yarn build
• cd examples/expo-example
• yarn ios
• yarn web

infinite spinner:

Expected behavior It works

[dannyhw]

If you want the server to work you need to go into the example app and enable websockets, not sure if they are on by default in the example app.

[mljlynch]

enableWebsockets is set to true by default in getStorybookUI - however yarn web fails with:

Unable to resolve "telejson" from "../../node_modules/@storybook/channel-websocket/dist/esm/index.js"

I can get the server started by running:

npx react-native-storybook-server

But this leads to the infinite spinner above.

[dannyhw]

@mljlynch make sure you are on the right branch, you need to be on the next branch. Otherwise you'll be running old code.

[mljlynch]

This is on a fresh clone so I am on the next branch by default.

[dannyhw]

after you open the mobile app and the server ui can you try refreshing the mobile ui for example by hitting r, usually that gets it working

[dannyhw]

and yeah if I remember correctly yarn web will fail currently just because metro web isn't working correctly with some esm stuff. Might need to add the webpack version back for a bit.

However you should be able to try stuff with android/ios

[mljlynch]

yes confirmed working for iOS.

[mljlynch]

woah ok that works. let's goooooo!

[mljlynch]

Ok It works,BUT it won't switch through the components it just shows the default body:

[dannyhw]

@mljlynch the server ui doesn't have any preview its just for controlling the mobile device UI. There is another project for react native web storybook http://github.com/storybookjs/addon-react-native-web that runs on reactjs storybook. If you're looking to see components on the web you should go there.