ToggleStorybook vs react-native-camera

[maqeelqureshi]

react-native-camera library doesn't work inside ToggleStorybook tag.

I am trying to use camera library. Camera component works fine in simple RN project but when I try to use the same in ignite project, it shows black screen.

Only if I remove the ToggleStorybook parent element in app.tsx than it works fine.

Any suggestion?

[jamonholmgren]

We probably need to move the getStorybookUI function call into a function and only call it when storybook is activated.

ignite/boilerplate/storybook/storybook.tsx

Lines 11 to 16 in ef5810a

	const StorybookUI = getStorybookUI({
	port: 9001,
	host: "localhost",
	onDeviceUI: true,
	asyncStorage: require("@react-native-async-storage/async-storage").default || null,
	})

According to @dannyhw from React Native Storybook, it polyfills some things which can be problematic and possibly causing this issue. (Potentially resolved in Storybook 6.x)

[dannyhw]

potentially related issue: storybookjs/react-native#20

[dannyhw]

@maqeelqureshi it would be worth checking this on the latest version of ignite since the change in #1906 would probably fix this issue. You could also just apply the patch from that PR to your own project and that should also work