upgraded to latest react navigation v6, removed registerRootComponent…

…() usage, and converted App.js to function component

App.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { StatusBar } from 'react-native';
+import AppLoading from 'expo-app-loading';
+import { func } from './src/constants';
+
+// main navigation stack
+import RootStack from './src/navigation/RootStack';
+
+const App = () => {
+  const [isLoading, setIsLoading] = React.useState(true);
+
+  // pre-loading assets/fonts?
+  if (isLoading) {
+    return (
+      <AppLoading
+        onError={() => {
+          // console.warn
+        }}
+        onFinish={() => setIsLoading(false)}
+        startAsync={func.loadAssetsAsync}
+      />
+    );
+  }
+
+  return (
+    <React.Fragment>
+      <StatusBar barStyle="light-content" />
+
+      <RootStack />
+    </React.Fragment>
+  );
+};
+
+export default App;

package.json

@@ -10,7 +10,7 @@
     "react navigation",
     "netflix"
   ],
-  "main": "src/App.js",
+  "main": "node_modules/expo/AppEntry.js",
   "scripts": {
     "dev": "expo start",
     "start": "expo start",
@@ -24,9 +24,9 @@
   "dependencies": {
     "@react-native-community/masked-view": "0.1.10",
     "@react-native-masked-view/masked-view": "0.2.6",
-    "@react-navigation/bottom-tabs": "^6.0.4",
-    "@react-navigation/native": "^6.0.2",
-    "@react-navigation/stack": "^6.0.6",
+    "@react-navigation/bottom-tabs": "^6.3.1",
+    "@react-navigation/native": "^6.0.10",
+    "@react-navigation/stack": "^6.2.1",
     "expo": "^44.0.0",
     "expo-app-loading": "~1.3.0",
     "expo-asset": "~8.4.6",