Merge pull request #33 from kanzitelli/sdk-47

Expo SDK 47

package.json

@@ -4,9 +4,9 @@
   "description": "Production-ready starter for Expo (React Native) App! Powered by cli-rn, React Navigation (v6), RN UI lib, Mobx, Reanimated 2, Dark Mode, Localization, and much more.",
   "author": "Batyr <dev@batyr.io> (https://github.com/kanzitelli)",
   "homepage": "https://github.com/kanzitelli/expo-starter",
-  "main": "node_modules/expo/AppEntry.js",
   "scripts": {
     "start": "npx expo start",
+    "start:dc": "npx expo start --dev-client",
     "start:prod": "npx expo start --no-dev --minify",
     "start:android": "npx expo start --android",
     "start:ios": "npx expo start --ios",
@@ -23,57 +23,59 @@
     "pub:all": "yarn pub:app:dev && yarn pub:web",
     "format": "prettier --check ./src",
     "format:write": "prettier --write ./src",
-    "release": "dotenv release-it"
+    "release": "dotenv release-it",
+    "android": "expo run:android",
+    "ios": "expo run:ios"
   },
   "dependencies": {
     "@kanzitelli/if-component": "^0.3.0",
     "@react-native-async-storage/async-storage": "~1.17.3",
     "@react-native-community/masked-view": "^0.1.11",
-    "@react-native-picker/picker": "2.4.2",
+    "@react-native-picker/picker": "2.4.8",
     "@react-navigation/bottom-tabs": "^6.4.0",
     "@react-navigation/native": "^6.0.13",
     "@react-navigation/native-stack": "^6.9.0",
     "@react-navigation/stack": "^6.3.0",
-    "@shopify/flash-list": "1.1.0",
+    "@shopify/flash-list": "1.3.1",
     "date-fns": "^2.29.3",
-    "expo": "^46.0.0",
-    "expo-dev-client": "~1.2.1",
-    "expo-localization": "~13.1.0",
-    "expo-splash-screen": "~0.16.2",
-    "expo-status-bar": "~1.4.0",
-    "expo-updates": "~0.14.6",
+    "expo": "^47.0.0",
+    "expo-dev-client": "~2.0.1",
+    "expo-localization": "~14.0.0",
+    "expo-splash-screen": "~0.17.5",
+    "expo-status-bar": "~1.4.2",
+    "expo-updates": "~0.15.6",
     "formik": "^2.2.9",
     "i18n-js": "^4.1.1",
     "lodash": "^4.17.21",
     "mobx": "^6.6.2",
     "mobx-persist-store": "^1.1.2",
     "mobx-react": "^7.5.3",
-    "react": "18.0.0",
-    "react-dom": "18.0.0",
-    "react-native": "0.69.6",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
+    "react-native": "0.70.5",
     "react-native-fast-image": "^8.6.1",
-    "react-native-gesture-handler": "~2.5.0",
+    "react-native-gesture-handler": "~2.8.0",
     "react-native-mmkv": "^2.4.3",
-    "react-native-reanimated": "~2.9.1",
-    "react-native-safe-area-context": "4.3.1",
-    "react-native-screens": "~3.15.0",
+    "react-native-reanimated": "~2.12.0",
+    "react-native-safe-area-context": "4.4.1",
+    "react-native-screens": "~3.18.0",
     "react-native-ui-lib": "^6.21.2",
     "react-native-web": "~0.18.7",
     "rn-bounceable": "^1.2.0",
     "rn-navio": "^0.0.1",
     "yup": "^0.32.11"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.6",
+    "@babel/core": "^7.19.3",
     "@babel/preset-typescript": "^7.18.6",
-    "@expo/config-plugins": "^5.0.0",
-    "@expo/webpack-config": "^0.17.0",
+    "@expo/config-plugins": "^5.0.2",
+    "@expo/webpack-config": "^0.17.2",
     "@react-native-community/eslint-config": "2.0.0",
     "@types/i18n-js": "^3.8.3",
     "@types/lodash": "^4.14.185",
-    "@types/react": "18.0.0",
-    "@types/react-dom": "18.0.0",
-    "@types/react-native": "0.69.5",
+    "@types/react": "~18.0.24",
+    "@types/react-dom": "~18.0.8",
+    "@types/react-native": "~0.70.6",
     "@typescript-eslint/eslint-plugin": "^5.37.0",
     "@typescript-eslint/parser": "^5.37.0",
     "dotenv-cli": "^6.0.0",

src/services/index.tsx

@@ -17,11 +17,11 @@ class Services {
 }
 export const services = new Services();
 
-const servicesContext = React.createContext<Services>(services);
+const ServicesContext = React.createContext<Services>(services);
 export const ServicesProvider = ({children}: any) => (
-  <servicesContext.Provider value={services}>{children}</servicesContext.Provider>
+  <ServicesContext.Provider value={services}>{children}</ServicesContext.Provider>
 );
-export const useServices = (): Services => React.useContext(servicesContext);
+export const useServices = (): Services => React.useContext(ServicesContext);
 
 export const initServices = async (): PVoid => {
   for (const key in services) {

src/stores/index.tsx

@@ -10,11 +10,11 @@ class Stores {
 }
 export const stores = new Stores();
 
-const storeContext = React.createContext<Stores>(stores);
+const StoresContext = React.createContext<Stores>(stores);
 export const StoresProvider = ({children}: any) => (
-  <storeContext.Provider value={stores}>{children}</storeContext.Provider>
+  <StoresContext.Provider value={stores}>{children}</StoresContext.Provider>
 );
-export const useStores = (): Stores => React.useContext(storeContext);
+export const useStores = (): Stores => React.useContext(StoresContext);
 
 export const hydrateStores = async (): PVoid => {
   for (const key in stores) {