Получение сообщения об ошибке при объявлении Drawer с использованием response-native-router-flux

Question

Я получаю сообщение об ошибке при объявлении меню Drawer с помощью react-native-router-flux.

Я использую версию 4.0.6 из этой библиотеки и React Native 0.57.5.

Мой маршрутизатор выглядит следующим образом:

<Router>
   <Scene key="root">
      <Scene key="drawer" drawer component={NavigationDrawer} open={false} direction="vertical">
         <Scene key="main">
            <Scene key="VirtualCard" hideNavBar={true} component={VirtualCard} panHandlers={null}/>
         </Scene>
      </Scene>
   </Scene>
</Router>

Мой объект ящика:

export default class NavigationDrawer extends Component {

    render() {
        const state = this.props.navigationState;
        const children = state.children;

        return (
            <Drawer
                ref="navigation"
                open={state.open}
                onOpen={()=>Actions.refresh({key:state.key, open: true})}
                onClose={()=>Actions.refresh({key:state.key, open: false})}
                type="displace"
                content={<Menu />}
                tapToClose={true}
                openDrawerOffset={0.2}
                panCloseMask={0.2}
                panOpenMask={0.2}
                negotiatePan={true}
                acceptPan={true}
                tweenHandler={(ratio) => {
                    return {
                        mainOverlay: { opacity: ratio === 0 ? 0 : 0.3, backgroundColor: '#000' }
                    }
                }}
            >
              <DefaultRenderer navigationState={children[0]} onNavigate={this.props.onNavigate} />
            </Drawer>
        );
    }
}

Я получаю ошибку: