title: When initializing Drawer.Navigator the drawer is blinking, though in parameters I pass openByDefault={ false }
body: <p>react-navigation v5</p>
  <p>When initializing Drawer.Navigator the drawer is blinking, though in parameters I pass openByDefault={ false } How to get out of this blinking?</p>
  <p>&quot;@react-navigation/drawer&quot;: &quot;5.8.2&quot;,
  &quot;@react-navigation/native&quot;: &quot;5.5.1.&quot;</p>
  <p><a href="https://i.stack.imgur.com/OOEzK.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OOEzK.gif" alt="enter image description here" /></a></p>
  <p>Update:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;NavigationContainer&gt;
    &lt;Drawer.Navigator
      openByDefault={ false }
      drawerContent={ (props) =&gt; &lt;CustomDrawerContent { ...props } /&gt; }
      drawerContentOptions={ drawerOptions }
    &gt;
      { isAuth ? (
        &lt;&gt;
          &lt;Drawer.Screen
            name="Dashboard"
            component={ DashboardStack }
            options={ {
              drawerIcon: config =&gt; &lt;DashboardIcon fill={ 'white' }/&gt;
            } }
          /&gt;
          &lt;Drawer.Screen
            name="Logout"
            component={ LogoutStack }
            options={ {
              drawerIcon: config =&gt; &lt;LogoutIcon fill={ 'white' }/&gt;
            } }
          /&gt;
        &lt;/&gt;) : (
        &lt;Drawer.Screen
          name="Authorization"
          component={ LoginScreen }
        /&gt;
      ) }
    &lt;/Drawer.Navigator&gt;
  &lt;/NavigationContainer&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const CustomDrawerContent = (props) =&gt; {
      return (
          &lt;SafeAreaView style={ { flex: 1 } }&gt;
              &lt;View style={ {
                  height: 60,
                  alignItems: 'center',
                  justifyContent: 'center',
                  backgroundColor: '#000',
                  opacity: 0.9,
                  paddingVertical: 10
              } }&gt;
                  &lt;Logo height={ 30 } width={ 165 }/&gt;
              &lt;/View&gt;
              &lt;View style={ { height: 3, alignItems: 'center', backgroundColor: '#000', opacity: 0.9 } }&gt;
                  &lt;Divider style={ { height: 1, width: 255, marginHorizontal: 30, backgroundColor: 'gray', opacity: 0.9 } }/&gt;
              &lt;/View&gt;
              &lt;ScrollView style={ { backgroundColor: '#000', opacity: 0.9, paddingTop: 20 } }&gt;
                  &lt;DrawerItemList { ...props } /&gt;
              &lt;/ScrollView&gt;
          &lt;/SafeAreaView&gt;
      )
  }</code></pre>
  </div>
  </div>
  </p>