feat: 🎸 bump expo 53

Author: MatthysDev

hackathon/spacecraft/app.config.ts

@@ -49,7 +49,7 @@ export default ({ config }: { config: ExpoConfig }): ExpoConfig => {
     newArchEnabled: true,
     orientation: "portrait",
     owner: OWNER,
-    plugins: [],
+    plugins: ["expo-web-browser", "expo-font"],
     runtimeVersion: {
       policy: "appVersion",
     },
@@ -69,7 +69,7 @@ export default ({ config }: { config: ExpoConfig }): ExpoConfig => {
     web: {
       bundler: "metro",
       favicon: "./assets/favicon.png",
-      output: "static",
+      output: "single",
     },
   };
 };
@@ -101,9 +101,9 @@ export const getDynamicAppConfig = (
   }
 
   return {
-    adaptiveIcon: "./assets/adaptive-icon-dev.png",
+    adaptiveIcon: "./assets/adaptive-icon-development.png",
     bundleIdentifier: `${BUNDLE_IDENTIFIER}.dev`,
-    icon: "./assets/icon-dev.png",
+    icon: "./assets/icon-development.png",
     name: `${APP_NAME} Development`,
     packageName: `${PACKAGE_NAME}.dev`,
     scheme: `${SCHEME}-dev`,

hackathon/spacecraft/package.json

@@ -29,9 +29,9 @@
   },
   "dependencies": {
     "@dev-plugins/react-navigation": "^0.1.0",
-    "@expo/metro-runtime": "~4.0.1",
-    "@expo/vector-icons": "^14.0.0",
-    "@react-native-async-storage/async-storage": "1.23.1",
+    "@expo/metro-runtime": "~5.0.4",
+    "@expo/vector-icons": "^14.1.0",
+    "@react-native-async-storage/async-storage": "2.1.2",
     "@react-native-community/masked-view": "0.1.11",
     "@react-native-community/netinfo": "11.4.1",
     "@react-navigation/bottom-tabs": "^7.2.0",
@@ -42,50 +42,51 @@
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^29.5.0",
     "deepmerge": "^4.3.1",
-    "expo": "^52.0.27",
-    "expo-application": "~6.0.2",
-    "expo-constants": "~17.0.4",
-    "expo-image": "~2.0.4",
-    "expo-linking": "~7.0.4",
-    "expo-status-bar": "~2.0.1",
-    "expo-store-review": "~8.0.1",
-    "expo-updates": "~0.26.13",
-    "expo-web-browser": "~14.0.2",
-    "react": "18.3.1",
+    "expo": "^53.0.0",
+    "expo-application": "~6.1.5",
+    "expo-constants": "~17.1.7",
+    "expo-font": "~13.3.2",
+    "expo-image": "~2.4.0",
+    "expo-linking": "~7.1.7",
+    "expo-status-bar": "~2.2.3",
+    "expo-store-review": "~8.1.5",
+    "expo-updates": "~0.28.17",
+    "expo-web-browser": "~14.2.0",
+    "react": "19.0.0",
     "react-currency-format": "^1.1.0",
-    "react-dom": "18.3.1",
-    "react-native": "0.76.6",
-    "react-native-gesture-handler": "~2.20.2",
+    "react-dom": "19.0.0",
+    "react-native": "0.79.5",
+    "react-native-gesture-handler": "~2.24.0",
     "react-native-offline": "^6.0.0",
     "react-native-paper": "^5.12.2",
-    "react-native-reanimated": "~3.16.1",
-    "react-native-safe-area-context": "4.12.0",
-    "react-native-screens": "~4.4.0",
+    "react-native-reanimated": "~3.17.4",
+    "react-native-safe-area-context": "5.4.0",
+    "react-native-screens": "~4.11.1",
     "react-native-vector-icons": "^10.0.3",
-    "react-native-web": "~0.19.10",
+    "react-native-web": "^0.20.0",
     "rn-placeholder": "^3.0.3"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
     "@babel/preset-typescript": "^7.18.6",
-    "@react-native-community/datetimepicker": "8.2.0",
-    "@react-native-community/slider": "4.5.5",
+    "@react-native-community/datetimepicker": "8.4.1",
+    "@react-native-community/slider": "4.5.6",
     "@storybook/core-common": "^7.6.10",
     "@storybook/react-native": "^7.6.15",
     "@storybook/react-native-server": "^6.5.8",
     "@tanstack/eslint-plugin-query": "^5.53.0",
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-native": "^12.4.3",
     "@types/jest": "^29.5.4",
-    "@types/react": "~18.3.12",
+    "@types/react": "~19.0.10",
     "@types/react-dom": "~18.3.1",
     "@typescript-eslint/eslint-plugin": "^7.11.0",
     "@typescript-eslint/parser": "^7.11.0",
     "babel-loader": "^9.1.3",
     "babel-plugin-module-resolver": "^5.0.0",
     "babel-plugin-transform-remove-console": "^6.9.4",
     "eslint": "^8.56.0",
-    "eslint-config-expo": "~8.0.1",
+    "eslint-config-expo": "~9.2.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-perfectionist": "^3.3.0",
     "eslint-plugin-prettier": "^5.1.3",
@@ -94,8 +95,11 @@
     "eslint-plugin-react-native": "^4.1.0",
     "eslint-plugin-testing-library": "^6.3.0",
     "jest": "^29.6.4",
-    "jest-expo": "~52.0.3",
+    "jest-expo": "~53.0.9",
     "prettier": "^3.2.5",
-    "typescript": "~5.3.3"
+    "typescript": "~5.8.3"
+  },
+  "resolutions": {
+    "use-latest-callback": "0.2.3"
   }
 }

hackathon/spacecraft/src/screens/PilotScreen.tsx

@@ -2,7 +2,7 @@ import type { PeopleProps } from "api/types";
 
 import { PeopleItem } from "@/components/PeopleItem";
 import { ScreenContainer } from "@/components/ScreenContainer";
-import { SkeletonList } from "@/components/SkeletonListReanimated";
+import { SkeletonListReanimated as SkeletonList } from "@/components/SkeletonListReanimated";
 import { usePilot } from "@/hooks/usePilot";
 import { FlatList } from "react-native";
 import { Button } from "react-native-paper";