title: React Navigation 5 Hide Drawer Item
body: <p>I am trying to hide the ability to press one of my routes in the drawer navigator as it is another navigator and the default location in the app.  I want the drawer to simply be used for navigating to extraneous routes that don't fit well into user flow elsewhere.  Before React Navigation 5 I was able to achieve this by simply setting <code>drawerLabel: () =&gt; null</code>.  However now with the changes I cannot figure out how to hide this in the same manner.</p>
  
  <p>Below is my current navigator code:</p>
  
  <pre><code>const DrawerNavigator = () =&gt; {
      const dispatch = useDispatch();
      return (
      &lt;MainDrawerNavigator.Navigator 
          drawerContent={props =&gt; customDrawerContent(props, dispatch)}
          drawerStyle={drawerStyle}
      &gt;
          &lt;MainDrawerNavigator.Screen 
              name="DrawerNav"
              component={MainTabNavigator}
              options={{
                  drawerLabel: () =&gt; null,
                  title: null,
                  drawerIcon: () =&gt; null
              }}
          /&gt;
  
          &lt;MainDrawerNavigator.Screen
              name="FAQNav"
              component={FAQStackNavigator}
              options={
                  { 
                      drawerLabel: "FAQ", 
                      drawerIcon: ({tintColor}) =&gt; &lt;EvilIcons name={'question'} size={30} color={tintColor} /&gt;
                  }
              }
          /&gt;
      &lt;/MainDrawerNavigator.Navigator&gt;
      )
  }
  
  const customDrawerContent = (props, dispatch) =&gt; {
      console.log(props.descriptors)
      return (
          &lt;View style={{flex: 1}}&gt;
              &lt;View style={{height: '90%'}}&gt;
  
                  &lt;DrawerContentScrollView {...props}&gt;
                          &lt;View style={styles.logoContainer}&gt;
                              &lt;Image 
                                  style={styles.image} 
                                  fadeDuration={0} 
                                  resizeMode={'contain'} 
                                  source={require('../assets/images/spikeball-logo-horizontal.png')} 
                              /&gt;
                          &lt;/View&gt;
  
                          &lt;TouchableOpacity style={styles.contactUsContainer} onPress={() =&gt; { Linking.openURL('https://spikeball.com/')}}&gt;
                              &lt;AntDesign style={styles.iconStyle} name={'shoppingcart'} size={25} color={'black'} /&gt;
  
                              &lt;Text style={styles.drawerText}&gt;Shop&lt;/Text&gt;                    
                          &lt;/TouchableOpacity&gt;
  
                          &lt;TouchableOpacity style={styles.contactUsContainer} onPress={() =&gt; { Linking.openURL('https://support.spikeball.com/')}}&gt;
                              &lt;AntDesign style={styles.iconStyle} name={'contacts'} size={25} color={'black'} /&gt;
  
                              &lt;Text style={styles.drawerText}&gt;Contact Us&lt;/Text&gt;                    
                          &lt;/TouchableOpacity&gt;
  
                          &lt;DrawerItemList 
                              {...props}
                          /&gt;
  
                  &lt;/DrawerContentScrollView&gt;
              &lt;/View&gt;
  
              &lt;TouchableOpacity 
                  style={styles.logoutContainer} 
                  onPress={() =&gt; { 
                      dispatch(authActions.logout());
                  }}&gt;
                      &lt;Text style={styles.logoutText}&gt;SIGN OUT&lt;/Text&gt;                    
              &lt;/TouchableOpacity&gt;
          &lt;/View&gt;
      )
  }
  </code></pre>
  
  <p>Link to image showing the undesired output.  Basically I want the blue focus and entire nav item hidden from the naw bar specifically.
  <a href="https://i.stack.imgur.com/sIClM.png" rel="noreferrer">UNDESIRED Output</a></p>