fix: switch to @react-native/babel-preset and moduleResolution node for RN 0.76

Made-with: Cursor

Author: kuraydev

babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  presets: ["module:metro-react-native-babel-preset"],
+  presets: ["module:@react-native/babel-preset"],
   plugins: [
     [
       "module-resolver",

package-lock.json

@@ -63,8 +63,8 @@
     "@commitlint/config-conventional": "^19.5.0",
     "@testing-library/react-native": "^13.0.0",
     "@types/jest": "^29.5.13",
+    "@react-native/babel-preset": "^0.76.0",
     "@types/react": "^18.3.7",
-    "@types/react-native": "^0.73.0",
     "@typescript-eslint/eslint-plugin": "^8.6.0",
     "@typescript-eslint/parser": "^8.6.0",
     "babel-jest": "^29.7.0",
@@ -84,7 +84,6 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.2.10",
-    "metro-react-native-babel-preset": "^0.77.0",
     "ora": "^8.0.1",
     "prompts": "^2.4.2",
     "prettier": "^3.3.3",
@@ -116,7 +115,7 @@
     ],
     "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
     "transformIgnorePatterns": [
-      "node_modules/(?!(react-native|@react-native|@testing-library)/)"
+      "node_modules/(?!(react-native|@react-native/.*|@react-native-community/.*|@testing-library)/)"
     ],
     "collectCoverageFrom": [
       "src/**/*.{ts,tsx}",

package.json

@@ -14,7 +14,7 @@
     "noUnusedParameters": true,
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "baseUrl": "./",
     "paths": {
       "@/*": ["src/*"]
@@ -25,7 +25,7 @@
     "isolatedModules": true,
     "skipLibCheck": true,
     "experimentalDecorators": true,
-    "typeRoots": ["./node_modules/@types", "./@types"]
+    "typeRoots": ["./node_modules/@types"]
   },
   "include": ["src"],
   "exclude": ["node_modules", "lib", "build"]