From 43450c53c0d2dfbca5ee395fdbc89af5408c14c7 Mon Sep 17 00:00:00 2001 From: hypnos Date: Wed, 1 Nov 2017 05:13:45 +0300 Subject: [PATCH] Update CLI snapshot for RN --- .../react_native/storybook/storybook.js | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/lib/cli/test/snapshots/react_native/storybook/storybook.js b/lib/cli/test/snapshots/react_native/storybook/storybook.js index 8a17d95c87f..46a917d2435 100644 --- a/lib/cli/test/snapshots/react_native/storybook/storybook.js +++ b/lib/cli/test/snapshots/react_native/storybook/storybook.js @@ -1,5 +1,5 @@ /* eslint-disable global-require */ - +import React, { Component } from 'react'; import { AppRegistry } from 'react-native'; import { getStorybookUI, configure } from '@storybook/react-native'; @@ -10,6 +10,16 @@ configure(() => { // This assumes that storybook is running on the same host as your RN packager, // to set manually use, e.g. host: 'localhost' option -const StorybookUI = getStorybookUI({ port: 7007, onDeviceUI: true }); -AppRegistry.registerComponent('react_native', () => StorybookUI); -export default StorybookUI; +const StorybookUIRoot = getStorybookUI({ port: 7007, onDeviceUI: true }); + +// react-native hot module loader must take in a Class - https://github.com/facebook/react-native/issues/10991 +// https://github.com/storybooks/storybook/issues/2081 +// eslint-disable-next-line react/prefer-stateless-function +class StorybookUIHMRRoot extends Component { + render() { + return ; + } +} + +AppRegistry.registerComponent('react_native', () => StorybookUIHMRRoot); +export default StorybookUIHMRRoot;