fix: 🐛 upgrade to sdk 51

✅ Closes: #235

Author: MatthysDev

hackathon/spacecraft/.storybook/storybook.requires.ts

@@ -1,6 +1,10 @@
 /* do not change this file, it is auto generated by storybook. */
 
-import { start } from "@storybook/react-native";
+import {
+  start,
+  prepareStories,
+  getProjectAnnotations,
+} from "@storybook/react-native";
 
 import "@storybook/addon-ondevice-notes/register";
 import "@storybook/addon-ondevice-controls/register";
@@ -36,14 +40,37 @@ const normalizedStories = [
   },
 ];
 
-// @ts-ignore
+declare global {
+  var view: ReturnType<typeof start>;
+  var STORIES: typeof normalizedStories;
+}
+
+const annotations = [
+  require("./preview"),
+  require("@storybook/react-native/dist/preview"),
+  require("@storybook/addon-actions/preview"),
+];
+
 global.STORIES = normalizedStories;
 
-export const view = start({
-  annotations: [
-    require("./preview"),
-    require("@storybook/react-native/dist/preview"),
-    require("@storybook/addon-actions/preview"),
-  ],
-  storyEntries: normalizedStories,
-});
+// @ts-ignore
+module?.hot?.accept?.();
+
+if (!global.view) {
+  global.view = start({
+    annotations,
+    storyEntries: normalizedStories,
+  });
+} else {
+  const { importMap } = prepareStories({ storyEntries: normalizedStories });
+
+  global.view._preview.onStoriesChanged({
+    importFn: async (importPath: string) => importMap[importPath],
+  });
+
+  global.view._preview.onGetProjectAnnotationsChanged({
+    getProjectAnnotations: getProjectAnnotations(global.view, annotations),
+  });
+}
+
+export const view = global.view;

hackathon/spacecraft/package.json

@@ -24,11 +24,11 @@
     ]
   },
   "dependencies": {
-    "@expo/metro-runtime": "~3.1.3",
+    "@expo/metro-runtime": "~3.2.1",
     "@expo/vector-icons": "^14.0.0",
-    "@react-native-async-storage/async-storage": "1.21.0",
+    "@react-native-async-storage/async-storage": "1.23.1",
     "@react-native-community/masked-view": "0.1.11",
-    "@react-native-community/netinfo": "11.1.0",
+    "@react-native-community/netinfo": "11.3.1",
     "@react-navigation/bottom-tabs": "^6.5.5",
     "@react-navigation/native": "^6.1.1",
     "@react-navigation/native-stack": "^6.9.7",
@@ -37,34 +37,34 @@
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^29.5.0",
     "deepmerge": "^4.3.1",
-    "expo": "~50.0.17",
-    "expo-application": "~5.8.4",
-    "expo-constants": "~15.4.6",
-    "expo-image": "~1.10.6",
-    "expo-linking": "~6.2.2",
-    "expo-status-bar": "~1.11.1",
-    "expo-store-review": "~6.8.3",
-    "expo-updates": "~0.24.12",
-    "expo-web-browser": "~12.8.2",
+    "expo": "^51.0.0",
+    "expo-application": "~5.9.1",
+    "expo-constants": "~16.0.1",
+    "expo-image": "~1.12.9",
+    "expo-linking": "~6.3.1",
+    "expo-status-bar": "~1.12.1",
+    "expo-store-review": "~7.0.2",
+    "expo-updates": "~0.25.14",
+    "expo-web-browser": "~13.0.3",
     "react": "18.2.0",
     "react-currency-format": "^1.1.0",
-    "react-dom": "^18.2.0",
-    "react-native": "0.73.6",
-    "react-native-gesture-handler": "~2.14.1",
+    "react-dom": "18.2.0",
+    "react-native": "0.74.1",
+    "react-native-gesture-handler": "~2.16.1",
     "react-native-offline": "^6.0.0",
     "react-native-paper": "^5.12.2",
-    "react-native-reanimated": "~3.6.2",
-    "react-native-safe-area-context": "4.8.2",
-    "react-native-screens": "~3.29.0",
+    "react-native-reanimated": "~3.10.1",
+    "react-native-safe-area-context": "4.10.1",
+    "react-native-screens": "3.31.1",
     "react-native-vector-icons": "^10.0.3",
     "react-native-web": "~0.19.10",
     "rn-placeholder": "^3.0.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.7",
+    "@babel/core": "^7.24.0",
     "@babel/preset-typescript": "^7.18.6",
-    "@react-native-community/datetimepicker": "7.6.1",
-    "@react-native-community/slider": "4.4.2",
+    "@react-native-community/datetimepicker": "8.0.1",
+    "@react-native-community/slider": "4.5.2",
     "@storybook/addon-controls": "^7.6.10",
     "@storybook/addon-ondevice-actions": "^7.6.15",
     "@storybook/addon-ondevice-backgrounds": "^7.6.15",
@@ -78,8 +78,8 @@
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-native": "^12.4.3",
     "@types/jest": "^29.5.4",
-    "@types/react": "~18.2.48",
-    "@types/react-dom": "~18.0.10",
+    "@types/react": "~18.2.79",
+    "@types/react-dom": "~18.2.25",
     "app-icon-badge": "^0.0.15",
     "babel-loader": "^9.1.3",
     "babel-plugin-module-resolver": "^5.0.0",
@@ -90,7 +90,7 @@
     "eslint-import-resolver-babel-plugin-root-import": "^1.1.1",
     "eslint-plugin-import": "^2.29.1",
     "jest": "^29.6.4",
-    "jest-expo": "~50.0.4",
-    "typescript": "^5.1.3"
+    "jest-expo": "~51.0.2",
+    "typescript": "~5.3.3"
   }
 }