React Native Storybook doesn't work with current CRNA

Thanks for this awesome tool 👍 Unfortunately, we ran into some issue while upgrading our app to Expo 20. Apparently, react-inspector causes it.

TL;DR: When using React Native Storybook within a CRNA (Expo 20), React Native packager throws TransformError during bundling:

TransformError: {appPath}/node_modules/react-inspector/lib/index.js: Couldn't find preset "es2015" relative to directory "{appPath}/node_modules/react-inspector"

Versions:

"expo": "20.1.3"
"react": "16.0.0-alpha.12"
"react-dom": "16.0.0-alpha.12"
"react-native": "0.47.2"
"react-native-scripts": "1.3.1"
"@storybook/react-native": "3.2.8"

Steps to reproduce:

1. Create a new CRNA or clone sample repo https://github.com/inyono/crna-storybook-expo20:

• create-react-native-app
• getstorybook
• Replace App.js with export default from './storybook';

1. yarn resp. npm install
2. Start React Native packager with yarn start resp. npm start
3. Open app in Expo

• Error in terminal: Failed building JavaScript bundle
• Error on device / simulator:

TransformError: {appPath}/node_modules/react-inspector/lib/index.js: Couldn't find preset "es2015" relative to directory "{appPath}/node_modules/react-inspector"

[inspireui]

Fixed by: npm install --save-dev babel-preset-es2015

Then add .babelrc file to storybook folder with the es2015 in presets.

Screenshot: https://gyazo.com/2e7b0214dc9f217391b242f4b045807d

[Hypnosphi]

Until #1888 gets released and merged, the easiest fix for current apps is following:

1. Remove all the @storybook/* dependencies
2. Run npm install or yarn install depending on which lockfile do you use. This will remove the lock for react-inspector package
3. Restore the dependencies and run install command again