Minimal functional SDK 44 app.

app.json

@@ -3,7 +3,9 @@
     "name": "ImEX Mobile",
     "slug": "imexmobile",
     "version": "1.2.3",
-    "extra": { "expover": "1" },
+    "extra": {
+      "expover": "1"
+    },
     "orientation": "default",
     "icon": "./assets/logo192noa.png",
     "ios": {
@@ -19,7 +21,6 @@
     },
     "splash": {
       "image": "./assets/Splash.png",
-
       "backgroundColor": "#efefef"
     },
     "notification": {
@@ -28,8 +29,9 @@
     "updates": {
       "fallbackToCacheTimeout": 0
     },
-    "assetBundlePatterns": ["**/*"],
-
+    "assetBundlePatterns": [
+      "**/*"
+    ],
     "web": {
       "favicon": "./assets/logo192noa.png",
       "config": {
@@ -57,6 +59,9 @@
           }
         }
       ]
-    }
+    },
+    "plugins": [
+      "sentry-expo"
+    ]
   }
 }

components/screen-main/screen-main.component.jsx

@@ -5,7 +5,7 @@ import { createStackNavigator } from "@react-navigation/stack";
 import i18n from "i18next";
 import React, { useEffect } from "react";
 import { Button } from "react-native-paper";
-import { SafeAreaView } from "react-native-safe-area-context";
+import { SafeAreaView } from "react-native";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { logImEXEvent } from "../../firebase/firebase.analytics";

package.json

@@ -16,61 +16,64 @@
   "dependencies": {
     "@apollo/client": "^3.3.19",
     "@expo/vector-icons": "^12.0.0",
-    "@react-native-async-storage/async-storage": "^1.13.0",
+    "@react-native-async-storage/async-storage": "~1.15.0",
     "@react-native-community/art": "^1.2.0",
-    "@react-native-community/masked-view": "0.1.10",
-    "@react-navigation/bottom-tabs": "^5.11.11",
-    "@react-navigation/drawer": "^5.12.5",
-    "@react-navigation/native": "^5.9.4",
-    "@react-navigation/stack": "^5.14.5",
+    "@react-native-community/masked-view": "^0.1.11",
+    "@react-navigation/bottom-tabs": "^6.0.9",
+    "@react-navigation/drawer": "^6.1.8",
+    "@react-navigation/native": "^6.0.6",
+    "@react-navigation/stack": "^6.0.11",
     "axios": "^0.21.0",
     "cloudinary-core": "^2.11.4",
     "dinero.js": "^1.8.1",
-    "expo": "^41.0.0",
-    "expo-app-loading": "^1.0.3",
-    "expo-av": "~9.1.2",
-    "expo-camera": "~11.0.2",
-    "expo-file-system": "~11.0.2",
-    "expo-firebase-analytics": "~4.0.2",
-    "expo-font": "~9.1.0",
-    "expo-images-picker": "git+https://github.com/snaptsoft/expo-images-picker/",
-    "expo-localization": "~10.1.0",
-    "expo-media-library": "~12.0.2",
-    "expo-permissions": "~12.0.1",
-    "expo-status-bar": "~1.0.4",
-    "expo-video-thumbnails": "~5.1.0",
+    "expo": "^44.0.0",
+    "expo-app-loading": "~1.3.0",
+    "expo-av": "~10.2.0",
+    "expo-camera": "~12.1.0",
+    "expo-device": "~4.1.0",
+    "expo-file-system": "~13.1.0",
+    "expo-firebase-analytics": "~6.0.0",
+    "expo-font": "~10.0.4",
+    "expo-images-picker": "^2.2.4",
+    "expo-localization": "~12.0.0",
+    "expo-media-library": "~14.0.0",
+    "expo-permissions": "~13.1.0",
+    "expo-status-bar": "~1.2.0",
+    "expo-updates": "~0.11.3",
+    "expo-video-thumbnails": "~6.1.0",
     "firebase": "8.2.3",
     "formik": "^2.2.8",
     "graphql": "^15.4.0",
     "i18next": "^20.3.1",
     "lodash": "^4.17.20",
     "luxon": "^1.27.0",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
+    "react": "17.0.1",
+    "react-dom": "17.0.1",
     "react-i18next": "^11.10.0",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-41.0.0.tar.gz",
-    "react-native-gesture-handler": "~1.10.2",
-    "react-native-image-gallery": "archriss/react-native-image-gallery#152/head",
+    "react-native": "0.64.3",
+    "react-native-gesture-handler": "~2.1.0",
+    "react-native-image-gallery": "^2.1.5",
     "react-native-indicators": "^0.17.0",
-    "react-native-pager-view": "5.0.12",
+    "react-native-pager-view": "5.4.9",
     "react-native-paper": "^4.9.1",
     "react-native-progress": "^4.1.2",
-    "react-native-reanimated": "~2.1.0",
-    "react-native-screens": "~3.0.0",
+    "react-native-reanimated": "~2.3.1",
+    "react-native-safe-area-context": "3.3.2",
+    "react-native-screens": "~3.10.1",
     "react-native-tab-view": "3.0.1",
-    "react-native-web": "~0.13.12",
+    "react-native-web": "0.17.1",
     "react-redux": "^7.2.4",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^6.0.0",
     "redux-saga": "^1.1.3",
     "reselect": "^4.0.0",
-    "sentry-expo": "^3.1.0",
+    "sentry-expo": "^4.0.0",
     "subscriptions-transport-ws": "^0.9.18"
   },
   "devDependencies": {
-    "@babel/core": "~7.9.0",
-    "babel-preset-expo": "8.3.0",
+    "@babel/core": "^7.12.9",
+    "babel-preset-expo": "9.0.1",
     "eslint": "^7.27.0",
     "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-native": "^3.11.0"

readme.md

@@ -0,0 +1 @@
+USE VERSION 16 of NODE LTS.