title: Undefined Is Not A Function (React Navigation Bottom Tab Navigator)
body: <p>I am building bottom tabs navigator from react navigation v6 in react native mobile app but encountered an error.</p>
  <pre><code> ERROR  TypeError: undefined is not a function
  
  This error is located at:
      in MaybeScreenContainer (created by BottomTabView)
      in RNCSafeAreaProvider (created by SafeAreaProvider)
      in SafeAreaProvider (created by SafeAreaInsetsContext)
      in SafeAreaProviderCompat (created by BottomTabView)
      in BottomTabView (created by BottomTabNavigator)
      in PreventRemoveProvider (created by NavigationContent)
      in NavigationContent
      in Unknown (created by BottomTabNavigator)
      in BottomTabNavigator (created by tabNavigation)
      in EnsureSingleNavigator
      in BaseNavigationContainer
      in ThemeProvider
      in NavigationContainerInner (created by tabNavigation)
      in tabNavigation (created by App)
      in RCTView (created by View)
      in View (created by App)
      in authState (created by App)
      in App
      in RCTView (created by View)
      in View (created by AppContainer)
      in RCTView (created by View)
      in View (created by AppContainer)
      in AppContainer
      in KFC(RootComponent), js engine: hermes
  </code></pre>
  <p>The Code Of Tab Navigator That I have written for tabs. I am using physical device for test:</p>
  <pre><code>import React from 'react';
  import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
  import Home from '../views/Home';
  import Auth from '../views/Auth';
  import Bucket from '../views/Bucket';
  import Menu from '../views/Menu';
  import {NavigationContainer} from '@react-navigation/native';
  
  const Tab = createBottomTabNavigator();
  
  export default function tabNavigation() {
    return (
      &lt;NavigationContainer&gt;
        &lt;Tab.Navigator initialRouteName=&quot;home&quot;&gt;
          &lt;Tab.Screen name=&quot;home&quot; component={Home} /&gt;
          &lt;Tab.Screen name=&quot;auth&quot; component={Auth} /&gt;
          &lt;Tab.Screen name=&quot;bucket&quot; component={Bucket} /&gt;
          &lt;Tab.Screen name=&quot;menu&quot; component={Menu} /&gt;
        &lt;/Tab.Navigator&gt;
      &lt;/NavigationContainer&gt;
    );
  }
  </code></pre>