title: react-navigation 3 reset in nested stack
body: <p>Im try to understand how to reset in nested stack
  this my code</p>
  
  <pre><code>    const AuthStack = createStackNavigator(
        {
          Welcome,
          Login,
          Register,
          ConfirmationCode,
        },
        {
          initialRouteName: 'Welcome',
          headerMode: 'none',
          lazy: true,
          transitionConfig,
          defaultNavigationOptions: {
            gesturesEnabled: false,
          },
        }
      )
  
      const AppStack = createStackNavigator(
        {
          TabStack,
          SearchResult,
          BusinessDetail,
          BusinessMap,
          MakeAppointment,
          TermsAndConditions
        },
        {
          initialRouteName: 'TabStack',
          headerMode: 'none',
          lazy: true,
          transitionConfig,
          defaultNavigationOptions: {
            gesturesEnabled: false,
          },
        }
      )
  
      let MainStack = createSwitchNavigator(
        {
          AuthLoading,
          Auth: AuthStack,
          App: AppStack,
        },
        {
          initialRouteName: 'AuthLoading',
          headerMode: 'none',
          lazy: true,
  
          defaultNavigationOptions: {
            gesturesEnabled: false,
          },
        }
      )
  </code></pre>
  
  <p>TabStack</p>
  
  <pre><code>    import React from 'react';
  
      import { createBottomTabNavigator, createAppContainer } from 'react-navigation';
      import {
          Search,
          MyFavourites,
          MyAppointments,
          UserProfile
      } from '../screens'
      import Icon from 'react-native-vector-icons/Feather';
      import Colors from '../utils/Colors'
      let TabStack = createBottomTabNavigator(
        {
          Search,
           MyFavourites,
           MyAppointments,
           UserProfile,
        },
          initialRouteName: 'ScreenTab1',
          tabBarOptions: {
            activeTintColor: Colors.pink,
            inactiveTintColor: Colors.black,
            showLabel: false,
            style: {
              backgroundColor: 'white'
            }
          },
        }
      )
      export default createAppContainer(TabStack);
  </code></pre>
  
  <p>I want to understand how to make reset for example:</p>
  
  <pre><code>    reset from UserProfile to TabStack (in AppStack) to AuthStack
  </code></pre>
  
  <p>I tried to do from it this way</p>
  
  <pre><code>const resetAction = StackActions.reset({
          index: 0,
          actions: [NavigationActions.navigate({ routeName: 'AuthStack' })],
      });
      this.props.navigation.dispatch(resetAction);
  </code></pre>
  
  <p>or this way</p>
  
  <pre><code>const resetAction = StackActions.reset({
          index: 0,
          key: null,
          actions: [NavigationActions.navigate({ routeName: 'AuthStack' })],
      });
      this.props.navigation.dispatch(resetAction);
  </code></pre>
  
  <p>but i got the error</p>
  
  <blockquote>
    <p>there is no route defined for AuthStack</p>
  </blockquote>
  
  <p>I checked in issues in stackoverflow but the answers there not works for me,always show me the same error I wrote above.</p>