update babel configs

babel.config.js

@@ -3,7 +3,7 @@ module.exports = function (api) {
 
   return {
     babelrcRoots: ['.', './packages/*'],
-    presets: ['@expo/next-adapter/babel'],
+    presets: [['babel-preset-expo', { jsxRuntime: 'automatic' }]],
     plugins: ['react-native-reanimated/plugin'],
     overrides: [
       {

package.json

@@ -16,5 +16,8 @@
     "build": "cd packages/next && yarn build",
     "deploy": "vercel --prod --no-clipboard",
     "postinstall": "patch-package"
+  },
+  "resolutions": {
+    "babel-preset-expo": "^8.5.1"
   }
 }

packages/app/hello-world.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 
 export function HelloWorld() {

packages/expo/.babelrc.js

@@ -2,7 +2,7 @@ module.exports = function (api) {
   api.cache(true);
 
   return {
-    presets: ['@expo/next-adapter/babel'],
+    presets: [['babel-preset-expo', { jsxRuntime: 'automatic' }]],
     plugins: ['react-native-reanimated/plugin']
   };
 };

packages/next/.babelrc.json

@@ -1,4 +1,9 @@
 {
   "presets": ["@expo/next-adapter/babel"],
-  "plugins": ["react-native-reanimated/plugin"]
+  "plugins": [
+    ["@babel/plugin-proposal-class-properties", { "loose": true }],
+    ["@babel/plugin-proposal-private-methods", { "loose": true }],
+    ["@babel/plugin-proposal-private-property-in-object", { "loose": true }],
+    "react-native-reanimated/plugin"
+  ]
 }