Breaking RNRF Drawer Example.js

// MAIN
export default class Main extends React.Component {
  render() {
    return (
      <Router createReducer={reducerCreate}>
        <Scene key='root'>
          <Scene
            key='drawer'
            component={NavDrawer}>
            <Scene key="main" tabs={true}>
              <Scene
                key='index'
                component={Index}
                title='Title'
                initial={true}>
                <Scene
                  key='test'
                  component={Test}
                  title='Test'/>
              </Scene>
            </Scene>
          </Scene>
        </Scene>
      </Router>
    )
  }
}

// NAV DRAWER
export default class NavDrawer extends Component {
  render(){
    const children = this.props.navigationState.children;
    return (
      <Drawer
        ref="navigation"
        type="displace"
        content={<TestTab/>}
        tapToClose={true}
        openDrawerOffset={0.2}
        panCloseMask={0.2}
        negotiatePan={true}
        tweenHandler={(ratio) => ({
         main: { opacity:Math.max(0.54,1-ratio) }
      })}>
        <DefaultRenderer navigationState={children[0]} onNavigate={this.props.onNavigate} />
      </Drawer>
    );
  }
}

// Simplified tab component
export default class TestTab extends Component {
  render() {
    return (
      <View>
        <Text>Test Tab</Text>
      </View>
    )
  }
}

// versions
{
  "react": "^15.0.2",
  "react-native": "^0.26.0",
  "react-native-router-flux": "^3.26.1",
  "react-native-drawer": "^2.2.2"
}