Upgrade Snack to SDK 57

packages/snack-content/src/defaults.ts

@@ -1,6 +1,6 @@
 import { SDKVersion } from './types';
 
-export const defaultSdkVersion: SDKVersion = '54.0.0'; // TODO: change this to SDK 55 when stable is out
+export const defaultSdkVersion: SDKVersion = '55.0.0';
 
 // Mostly used for tests
 export const oldestSdkVersion: SDKVersion = '50.0.0';

packages/snack-content/src/sdks/index.ts

@@ -253,6 +253,41 @@ const sdks: { [version: string]: SDKSpec } = {
     },
     deprecatedModules: {},
   },
+  '57.0.0': {
+    version: '^57.0.0',
+    coreModules: {
+      ...assets,
+      expo: '57.0.0-preview.0', // TODO: replace with `~57.0.x` when stable is out
+      react: '19.2.3',
+      'react-dom': '19.2.3',
+      'react-native': '0.86.0',
+      'react-native-web': '*',
+      // Used by @shopify/react-native-skia, on web only
+      // See runtime/src/NativeModules/ReactNativeSkia.tsx for more info
+      '@shopify/react-native-skia/lib/module/web': '*',
+    },
+    bundledModules: {
+      'expo-asset': '*',
+      'expo-font': '*',
+      'react-native-gesture-handler': '*',
+      'react-native-safe-area-context': '*',
+      '@expo/vector-icons': '*',
+      'expo-constants': '*',
+      'expo-file-system': '*',
+      'expo-updates': '*',
+      '@react-native-async-storage/async-storage': '*',
+      'react-native-reanimated': '*',
+      'expo-router': '*',
+      'expo-router/stack': '*',
+      'expo-router/tabs': '*',
+      'expo-router/drawer': '*',
+      'expo-router/html': '*',
+      'expo-router/head': '*',
+      'expo-router/entry': '*',
+      'react-native-pager-view': '*',
+    },
+    deprecatedModules: {},
+  },
 };
 
 export default sdks;

packages/snack-content/src/sdks/types.ts

@@ -1,7 +1,15 @@
 /**
  * Version of the Expo SDK to use (e.g. "53.0.0").
  */
-export type SDKVersion = '50.0.0' | '51.0.0' | '52.0.0' | '53.0.0' | '54.0.0' | '55.0.0' | '56.0.0';
+export type SDKVersion =
+  | '50.0.0'
+  | '51.0.0'
+  | '52.0.0'
+  | '53.0.0'
+  | '54.0.0'
+  | '55.0.0'
+  | '56.0.0'
+  | '57.0.0';
 
 /** @internal */
 export type SDKSpec = {

packages/snack-runtime/package.json

@@ -46,47 +46,47 @@
     "@react-native/jest-preset": "^0.85.3",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/react-native": "^13.2.0",
-    "babel-preset-expo": "~56.0.0",
+    "babel-preset-expo": "~56.0.5",
     "eslint": "^8.56.0",
     "eslint-config-universe": "^15.0.3",
-    "expo": "^56.0.0-preview.7",
-    "expo-asset": "~56.0.0",
-    "expo-camera": "~56.0.0",
-    "expo-constants": "~56.0.0",
-    "expo-crypto": "~56.0.0",
-    "expo-device": "~56.0.0",
-    "expo-file-system": "~56.0.0",
-    "expo-haptics": "~56.0.0",
-    "expo-keep-awake": "~56.0.0",
-    "expo-splash-screen": "~56.0.0",
-    "expo-status-bar": "~56.0.0",
+    "expo": "^57.0.0-preview.0",
+    "expo-asset": "~57.0.0",
+    "expo-camera": "~57.0.0",
+    "expo-constants": "~57.0.0",
+    "expo-crypto": "~57.0.0",
+    "expo-device": "~57.0.0",
+    "expo-file-system": "~57.0.0",
+    "expo-haptics": "~57.0.0",
+    "expo-keep-awake": "~57.0.0",
+    "expo-splash-screen": "~57.0.0",
+    "expo-status-bar": "~57.0.0",
     "jest": "^29.2.1",
     "jest-expo": "~56.0.0",
     "patch-package": "^8.0.1",
     "prettier": "^3.2.4",
     "react": "19.2.3",
-    "react-native": "0.85.3",
-    "react-native-gesture-handler": "~2.31.1",
-    "react-native-view-shot": "~4.0.3",
+    "react-native": "0.86.0",
+    "react-native-gesture-handler": "~2.32.0",
+    "react-native-view-shot": "~5.1.0",
     "typescript": "^6.0.3"
   },
   "peerDependencies": {
     "assert": "^2.1.0",
-    "expo": "~56.0.0",
-    "expo-asset": "~56.0.0",
-    "expo-camera": "~56.0.0",
-    "expo-constants": "~56.0.0",
-    "expo-crypto": "~56.0.0",
-    "expo-device": "~56.0.0",
-    "expo-file-system": "~56.0.0",
-    "expo-haptics": "~56.0.0",
-    "expo-keep-awake": "~56.0.0",
-    "expo-splash-screen": "~56.0.0",
-    "expo-status-bar": "~56.0.0",
+    "expo": "~57.0.0",
+    "expo-asset": "~57.0.0",
+    "expo-camera": "~57.0.0",
+    "expo-constants": "~57.0.0",
+    "expo-crypto": "~57.0.0",
+    "expo-device": "~57.0.0",
+    "expo-file-system": "~57.0.0",
+    "expo-haptics": "~57.0.0",
+    "expo-keep-awake": "~57.0.0",
+    "expo-splash-screen": "~57.0.0",
+    "expo-status-bar": "~57.0.0",
     "react": "19.2.3",
-    "react-native": "~0.85.0",
-    "react-native-gesture-handler": "~2.31.1",
-    "react-native-view-shot": "~4.0.0"
+    "react-native": "~0.86.0",
+    "react-native-gesture-handler": "~2.32.0",
+    "react-native-view-shot": "~5.0.0"
   },
   "eslintConfig": {
     "extends": "universe/native",

runtime/patches/react-native+0.85.3.patch → packages/snack-runtime/patches/react-native+0.86.0.patch

@@ -1,10 +1,10 @@
 diff --git a/node_modules/react-native/Libraries/ReactNative/requireNativeComponent.js b/node_modules/react-native/Libraries/ReactNative/requireNativeComponent.js
-index b9c8d57..90ee128 100644
+index 9601615..a459ed1 100644
 --- a/node_modules/react-native/Libraries/ReactNative/requireNativeComponent.js
 +++ b/node_modules/react-native/Libraries/ReactNative/requireNativeComponent.js
-@@ -33,4 +33,17 @@ const requireNativeComponent = <T: {...}>(
+@@ -33,4 +33,17 @@ const requireNativeComponent = <T extends {...}>(
      getNativeComponentAttributes(uiViewClassName),
-   ): any): HostComponent<T>);
+   ) as any as HostComponent<T>;
 
 -export default requireNativeComponent;
 +/* export default requireNativeComponent; */