Update to Expo 52, Enable New Architecture

app.json

@@ -8,6 +8,7 @@
 		"icon": "./assets/icon.png",
 		"userInterfaceStyle": "automatic",
 		"assetBundlePatterns": ["**/*"],
+		"newArchEnabled": true,
 		"ios": {
 			"supportsTablet": true,
 			"config": {

app/(app)/_layout.tsx

@@ -11,7 +11,7 @@ export default function AppLayout() {
 	const { colorScheme } = useColorScheme();
 
 	return (
-		<Stack screenOptions={{ headerShown: false }}>
+		<Stack screenOptions={{ headerShown: false, gestureEnabled: false }}>
 			<Stack.Screen name="(protected)" />
 			<Stack.Screen name="welcome" />
 			<Stack.Screen
@@ -30,6 +30,7 @@ export default function AppLayout() {
 						colorScheme === "dark"
 							? colors.dark.foreground
 							: colors.light.foreground,
+					gestureEnabled: true,
 				}}
 			/>
 			<Stack.Screen
@@ -48,6 +49,7 @@ export default function AppLayout() {
 						colorScheme === "dark"
 							? colors.dark.foreground
 							: colors.light.foreground,
+					gestureEnabled: true,
 				}}
 			/>
 			<Stack.Screen
@@ -66,6 +68,7 @@ export default function AppLayout() {
 						colorScheme === "dark"
 							? colors.dark.foreground
 							: colors.light.foreground,
+					gestureEnabled: true,
 				}}
 			/>
 		</Stack>

package.json

@@ -10,40 +10,40 @@
 		"lint": "eslint . --fix"
 	},
 	"dependencies": {
-		"@hookform/resolvers": "^3.1.1",
+		"@hookform/resolvers": "^3.9.1",
 		"@react-native-async-storage/async-storage": "1.23.1",
-		"@supabase/supabase-js": "^2.45.4",
+		"@supabase/supabase-js": "^2.46.1",
 		"class-variance-authority": "^0.7.0",
-		"clsx": "^2.1.0",
-		"expo": "~51.0.38",
-		"expo-constants": "~16.0.2",
-		"expo-image": "~1.13.0",
-		"expo-linking": "~6.3.1",
-		"expo-router": "^3.5.23",
-		"expo-secure-store": "~13.0.2",
-		"expo-status-bar": "~1.12.1",
-		"expo-system-ui": "~3.0.7",
-		"nativewind": "^4.0.1",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
-		"react-hook-form": "^7.45.0",
-		"react-native": "0.74.5",
-		"react-native-gesture-handler": "~2.16.1",
-		"react-native-reanimated": "~3.10.1",
-		"react-native-safe-area-context": "4.10.5",
-		"react-native-screens": "3.31.1",
+		"clsx": "^2.1.1",
+		"expo": "~52.0.3",
+		"expo-constants": "~17.0.2",
+		"expo-image": "~2.0.0",
+		"expo-linking": "~7.0.2",
+		"expo-router": "~4.0.2",
+		"expo-secure-store": "~14.0.0",
+		"expo-status-bar": "~2.0.0",
+		"expo-system-ui": "~4.0.2",
+		"nativewind": "^4.1.23",
+		"react": "18.3.1",
+		"react-dom": "18.3.1",
+		"react-hook-form": "^7.53.2",
+		"react-native": "0.76.1",
+		"react-native-gesture-handler": "~2.20.2",
+		"react-native-reanimated": "~3.16.1",
+		"react-native-safe-area-context": "4.12.0",
+		"react-native-screens": "^4.0.0",
 		"react-native-url-polyfill": "^2.0.0",
-		"react-native-web": "^0.19.12",
-		"tailwind-merge": "^2.2.1",
-		"tailwindcss": "^3.4.1",
-		"zod": "^3.21.4"
+		"react-native-web": "~0.19.13",
+		"tailwind-merge": "^2.5.4",
+		"tailwindcss": "^3.4.14",
+		"zod": "^3.23.8"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.20.0",
-		"@types/react": "~18.2.79",
-		"eslint": "^8.57.1",
-		"eslint-config-universe": "^13.0.0",
-		"prettier": "^3.0.3",
+		"@types/react": "~18.3.12",
+		"eslint": "^9.14.0",
+		"eslint-config-universe": "^14.0.0",
+		"prettier": "^3.3.3",
 		"typescript": "~5.3.3"
 	},
 	"private": true