chore: upgrade dependencies

example/metro.config.js

@@ -80,13 +80,4 @@ module.exports = {
       };
     },
   },
-
-  transformer: {
-    getTransformOptions: () => ({
-      transform: {
-        experimentalImportSupport: false,
-        inlineRequires: true,
-      },
-    }),
-  },
 };

example/package.json

@@ -13,51 +13,50 @@
     "test": "jest"
   },
   "dependencies": {
-    "@expo/vector-icons": "^10.0.0",
-    "@react-native-async-storage/async-storage": "^1.13.1",
+    "@expo/vector-icons": "^12.0.0",
     "@react-native-masked-view/masked-view": "0.2.0",
     "color": "^3.1.3",
-    "expo": "^39.0.0",
-    "expo-asset": "~8.2.0",
-    "expo-blur": "~8.2.0",
-    "expo-linking": "^1.0.4",
-    "expo-updates": "~0.3.5",
+    "expo": "^40.0.0",
+    "expo-asset": "~8.2.1",
+    "expo-blur": "~8.2.2",
+    "expo-linking": "~2.0.0",
+    "expo-updates": "~0.4.1",
     "koa": "^2.13.0",
-    "react": "~16.13.1",
-    "react-dom": "~16.13.1",
-    "react-native": "~0.63.2",
+    "react": "16.13.1",
+    "react-dom": "16.13.1",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-40.0.0.tar.gz",
     "react-native-appearance": "~0.3.3",
-    "react-native-gesture-handler": "~1.7.0",
-    "react-native-paper": "^4.2.0",
+    "react-native-gesture-handler": "~1.8.0",
+    "react-native-paper": "^4.5.0",
     "react-native-reanimated": "~1.13.0",
-    "react-native-safe-area-context": "3.1.4",
-    "react-native-screens": "~2.10.1",
+    "react-native-safe-area-context": "3.1.9",
+    "react-native-screens": "~2.15.0",
     "react-native-tab-view": "^2.15.2",
     "react-native-vector-icons": "^7.0.0",
-    "react-native-web": "^0.13.16"
+    "react-native-web": "~0.13.12"
   },
   "devDependencies": {
-    "@babel/node": "^7.12.1",
-    "@expo/webpack-config": "^0.12.40",
-    "@types/cheerio": "^0.22.22",
+    "@babel/node": "^7.12.10",
+    "@expo/webpack-config": "~0.12.51",
+    "@types/cheerio": "^0.22.23",
     "@types/jest-dev-server": "^4.2.0",
     "@types/koa": "^2.11.6",
     "@types/node-fetch": "^2.5.7",
-    "@types/react": "~16.9.53",
-    "@types/react-dom": "^16.9.8",
-    "@types/react-native": "~0.63.30",
-    "babel-loader": "^8.1.0",
+    "@types/react": "~16.9.35",
+    "@types/react-dom": "~16.9.8",
+    "@types/react-native": "~0.62.0",
+    "babel-loader": "^8.2.2",
     "babel-plugin-module-resolver": "^4.0.0",
-    "babel-preset-expo": "^8.3.0",
+    "babel-preset-expo": "8.3.0",
     "cheerio": "^1.0.0-rc.3",
-    "expo-cli": "^3.28.2",
-    "jest": "^26.6.1",
+    "expo-cli": "^4.0.17",
+    "jest": "^26.6.3",
     "jest-dev-server": "^4.4.0",
     "mock-require-assets": "^0.0.1",
     "node-fetch": "^2.6.1",
     "nodemon": "^2.0.6",
     "playwright": "^0.14.0",
     "serve": "^11.3.0",
-    "typescript": "^4.1.2"
+    "typescript": "~4.1.3"
   }
 }

example/src/Screens/MaterialBottomTabs.tsx

@@ -14,9 +14,7 @@ type MaterialBottomTabParams = {
   Chat: undefined;
 };
 
-const MaterialBottomTabs = createMaterialBottomTabNavigator<
-  MaterialBottomTabParams
->();
+const MaterialBottomTabs = createMaterialBottomTabNavigator<MaterialBottomTabParams>();
 
 export default function MaterialBottomTabsScreen() {
   return (

example/src/index.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import {
+  AsyncStorage,
   ScrollView,
   Platform,
   StatusBar,
@@ -7,6 +8,7 @@ import {
   Dimensions,
   ScaledSize,
   Linking,
+  // @ts-expect-error: we need to use older version of types for now
   LogBox,
 } from 'react-native';
 import { enableScreens } from 'react-native-screens';
@@ -34,7 +36,6 @@ import {
   HeaderStyleInterpolators,
 } from '@react-navigation/stack';
 import { useReduxDevToolsExtension } from '@react-navigation/devtools';
-import AsyncStorage from '@react-native-async-storage/async-storage';
 
 import { restartApp } from './Restart';
 import LinkingPrefixes from './LinkingPrefixes';