[React Native] Actions Addon error in withActions

[mmeissonnier]

Describe the bug
I use storybook in my RN project. I want to load my storybook only when i'm in dev mode.
To do so in my react navigation stack i do this :

const SwitchNavigator = createSwitchNavigator({
  Landing: LandingScreen,
  SignIn: SignInScreen,
  App: DrawerNavigator,
  Storybook: () => {
    if (__DEV__) {
      const StorybookUI = React.lazy(() => import('../storybook'));
      return (
        <Suspense fallback={Fragment}>
          <StorybookUI />
        </Suspense>
      );
    }
    return <View />;
  },

This seems to cause problems with the action addon. I've got this error

However, if in node_modules/@storybook/addon-actions/dist/preview/withActions.js at line 60, i change this :

var root = _global.document && _global.document.getElementById('root');

to this

var root = _global.document && _global.document.getElementById && _global.document.getElementById('root');

It works fine.

Thanks in advance for your help.
*
To Reproduce
Steps to reproduce the behavior:

1. Install storybook with action addon in a basic RN project with react navigation
2. Load storybook root UI with react.lazy / suspense in a navigation stack
3. navigate to the screen with storybook
4. See error

Expected behavior
I should see my storybook

System:
System:
OS: macOS Mojave 10.14.6
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Binaries:
Node: 13.3.0 - /usr/local/bin/node
Yarn: 1.21.1 - /usr/local/bin/yarn
npm: 6.13.2 - /usr/local/bin/npm
Browsers:
Chrome: 79.0.3945.130
Safari: 13.0.5
npmPackages:
@storybook/addon-actions: ^5.2.8 => 5.3.2
@storybook/addon-knobs: ^5.2.8 => 5.3.2
@storybook/addon-links: ^5.2.8 => 5.3.2
@storybook/addon-ondevice-actions: ^5.2.8 => 5.3.2
@storybook/addon-ondevice-knobs: ^5.2.8 => 5.3.2
@storybook/addons: ^5.2.8 => 5.3.2
@storybook/react-native: ^5.3.3 => 5.3.3
@storybook/react-native-server: ^5.3.3 => 5.3.3

Additional context
Add any other context about the problem here.