undefined is not an object (evaluating'state.routes[childIndex]')

[Shabnam-Veranloo]

i have a view that inside this view have router for tabs(tabs in under image in this view ),i want put this view inside other tab with other router
when run app this erorr show to me => undefined is not an object (evaluting 'state.routes[childIndex]'
my cod:

for fist view
const MyCoupon = () => {

return(

<View>
<Image ..../>
 <RouterTabCopon  />
</View>

);
};

fire tab that inside view:

const RouterTabCopon = () => {
return (

        <Scene
        key="tab11"
        tabs={true}
        swipeEnabled={false}
        gestureEnabled ={true}
        lazyLoad= {true}
        tabBarPosition='top'
        labelStyle={{fontSize:16}}
        tabBarStyle={{ backgroundColor: '#373c4a',height:60 }}
        indicatorStyle={{ backgroundColor: '#ff6600', height:6 }}>

        <Scene
        key="tab1"
        tabs={true}
        swipeEnabled={false}
        gestureEnabled ={true}
        lazyLoad= {true}
        tabBarPosition='top'
        tabBarComponent={CopounTab}
        labelStyle={{ color: '#ff3300' ,fontSize:18}}
        tabBarStyle={{ backgroundColor: '#fff',height:60 }}
        indicatorStyle={{ height:0 }}>

          <Scene key="tab11" component={ViewInTabGift} hideNavBar={true} showLabel={true} labelStyle={{ color: '#000000' }} />
          <Scene key="tab12" component={ViewInTabGift} hideNavBar={true}  showLabel={true} labelStyle={{ color: '#000000' }}/>
          <Scene key="tab13" component={ViewInTabGift} hideNavBar={true}  showLabel={true} labelStyle={{ color: '#000000' }}/>
        </Scene >
        <Scene
        key="tab2"
        tabs={true}
        swipeEnabled={false}
        gestureEnabled ={true}
        lazyLoad= {true}
        tabBarPosition='top'
        tabBarComponent={CopounTabTwo}
        labelStyle={{ color: '#ff3300',fontSize:18 }}
        tabBarStyle={{ backgroundColor: '#fff',height:60 }}
        indicatorStyle={{ height:0 }}>

          <Scene key="tab21" component={ViewInTabStuff} hideNavBar={true} showLabel={true} labelStyle={{ color: '#000000' }}/>
          <Scene key="tab22" component={ViewInTabStuff} hideNavBar={true}  showLabel={true} labelStyle={{ color: '#000000' }}/>
        </Scene >
        <Scene  {...this.state}
        key="tab3"
        tabs={true}
        swipeEnabled={false}
        gestureEnabled ={true}
        lazyLoad= {true}
        labelStyle={{ color: '#ff3300',fontSize:18 }}
        tabBarPosition='top'
        initial={true}
        tabBarComponent={CopounTab}
        tabBarStyle={{ backgroundColor: '#fff',height:60 }}
        indicatorStyle={{ height:0 }}>

          <Scene key="tab31" component={Viewintab} hideNavBar={true} showLabel={true} labelStyle={{ color: '#000000' }}/>
          <Scene key="tab32" component={Viewintab} hideNavBar={true}  showLabel={true} labelStyle={{ color: '#000000' }}/>
          <Scene key="tab33" component={Viewintab} hideNavBar={true}  showLabel={true} labelStyle={{ color: '#000000' }}/>
        </Scene >

      </Scene >


  </Router>

);
};

tabs that i want put view inside

const MainRouter = () => {

return (

        <Scene
        key="tab1155"
        tabs={true}
        swipeEnabled={false}
        gestureEnabled ={true}
        lazyLoad= {true}
        tabBarPosition='top'
        labelStyle={{fontSize:16}}
        tabBarStyle={{ backgroundColor: '#373c4a',height:60 }}
        indicatorStyle={{ backgroundColor: '#ff6600', height:6 }}>


          <Scene key="tab11555" component={ViewThree} hideNavBar={true} showLabel={true} labelStyle={{ color: '#000000' }} />
          <Scene key="tab1255" component={ViewThree} hideNavBar={true}  showLabel={true} labelStyle={{ color: '#000000' }}/>
          <Scene key="tab13555" component={MyCoupon} hideNavBar={true}  showLabel={true} labelStyle={{ color: '#000000' }}/>



      </Scene >


  </Router>

);
};

[aksonov]

Please try to reproduce it with Example project and latest version 4.0.0-beta.40. Feel free to open if the issue still exists