chore: migrate RN config

Author: artus9033

apps/RNApp/package.json

@@ -33,7 +33,6 @@
     "@react-native-community/cli-platform-android": "20.0.0",
     "@react-native-community/cli-platform-ios": "20.0.0",
     "@react-native/babel-preset": "0.82.1",
-    "@react-native/eslint-config": "^0.83.1",
     "@react-native/metro-config": "0.82.1",
     "@react-native/typescript-config": "0.82.1",
     "@react-navigation/native": "^7.0.15",

apps/TesterIntegrated/eslint.config.mjs

@@ -0,0 +1,4 @@
+import eslintRnConfig from '../../eslint.config.rn.mjs';
+
+/** @type {import('eslint').Linter.Config[]} */
+export default eslintRnConfig;

apps/TesterIntegrated/package.json

@@ -6,7 +6,8 @@
     "start": "react-native start",
     "build:tester-integrated:android": "cd kotlin && ./gradlew assembleDebug",
     "build:tester-integrated:ios": "cd swift && xcodebuild -workspace SwiftExample.xcworkspace -scheme SwiftExample -configuration Release -sdk iphonesimulator build CODE_SIGNING_ALLOWED=NO -derivedDataPath ./build",
-    "brownfield:codegen": "brownfield codegen"
+    "brownfield:codegen": "brownfield codegen",
+    "lint": "eslint ."
   },
   "dependencies": {
     "@callstack/brownie": "*",

eslint.config.base.mjs

@@ -3,7 +3,7 @@ import eslintConfigPrettier from 'eslint-config-prettier';
 import eslintPluginNodeImport from 'eslint-plugin-node-import';
 
 /**
- * ESLint base configuration for JS/TS packages in the monorepo
+ * ESLint base configuration shared for other re-usable configs
  * @type {import('eslint').Linter.Config[]}
  */
 export default [
@@ -19,20 +19,6 @@ export default [
     ],
   },
 
-  // below: tseslint integration
-  ...tseslint.configs.recommended,
-  {
-    rules: {
-      '@typescript-eslint/no-empty-object-type': [
-        'error',
-        {
-          allowInterfaces: 'always',
-        },
-      ],
-      '@typescript-eslint/no-explicit-any': 'warn',
-    },
-  },
-
   // below: prettier integration
   eslintConfigPrettier,
   {

eslint.config.rn.mjs

@@ -1,42 +1,28 @@
 import globals from 'globals';
-import reactPlugin from 'eslint-plugin-react';
-import reactHooksPlugin from 'eslint-plugin-react-hooks';
+import { fixupConfigRules } from '@eslint/compat';
+import { FlatCompat } from '@eslint/eslintrc';
 
 import baseEslintConfig from './eslint.config.base.mjs';
 
+const flatCompat = new FlatCompat();
+
 /**
  * ESLint configuration for React Native packages in the monorepo
  * @type {import('eslint').Linter.Config[]}
  */
 export default [
   ...fixupConfigRules(flatCompat.extends('@react-native/eslint-config')),
   ...baseEslintConfig,
-
   {
     languageOptions: {
       ecmaVersion: 'latest',
       sourceType: 'module',
       globals: {
         ...globals.node,
       },
-      parserOptions: {
-        ecmaFeatures: {
-          jsx: true,
-        },
-      },
-    },
-    plugins: {
-      react: reactPlugin,
-      'react-hooks': reactHooksPlugin,
-    },
-    settings: {
-      react: {
-        version: 'detect',
-      },
     },
     rules: {
       '@typescript-eslint/no-require-imports': 'off',
-      ...reactHooksPlugin.configs.recommended.rules,
     },
   },
 ];

package.json

@@ -39,6 +39,8 @@
   "devDependencies": {
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
+    "@eslint/compat": "^2.0.1",
+    "@react-native/eslint-config": "^0.83.1",
     "babel-plugin-module-resolver": "5.0.2",
     "eslint": "^9.28.0",
     "eslint-config-prettier": "^10.1.8",

packages/brownie/package.json

@@ -72,7 +72,6 @@
     "@babel/preset-typescript": "^7.27.1",
     "@babel/runtime": "^7.25.0",
     "@react-native/babel-preset": "0.82.1",
-    "@react-native/eslint-config": "^0.83.1",
     "@types/node": "^22.0.0",
     "@types/react": "^19.1.1",
     "eslint": "^9.28.0",

packages/react-native-brownfield/package.json

@@ -71,7 +71,6 @@
     "@babel/preset-env": "^7.25.3",
     "@babel/runtime": "^7.25.0",
     "@react-native/babel-preset": "0.82.1",
-    "@react-native/eslint-config": "^0.83.1",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.1.1",
     "eslint": "^9.28.0",

yarn.lock

@@ -1739,7 +1739,6 @@ __metadata:
     "@react-native-community/cli-platform-android": "npm:20.0.0"
     "@react-native-community/cli-platform-ios": "npm:20.0.0"
     "@react-native/babel-preset": "npm:0.82.1"
-    "@react-native/eslint-config": "npm:^0.83.1"
     "@react-native/metro-config": "npm:0.82.1"
     "@react-native/new-app-screen": "npm:0.82.1"
     "@react-native/typescript-config": "npm:0.82.1"
@@ -1776,6 +1775,8 @@ __metadata:
     "@changesets/cli": "npm:^2.29.8"
     "@commitlint/cli": "npm:^20.1.0"
     "@commitlint/config-conventional": "npm:^20.0.0"
+    "@eslint/compat": "npm:^2.0.1"
+    "@react-native/eslint-config": "npm:^0.83.1"
     babel-plugin-module-resolver: "npm:5.0.2"
     eslint: "npm:^9.28.0"
     eslint-config-prettier: "npm:^10.1.8"
@@ -1805,7 +1806,6 @@ __metadata:
     "@babel/runtime": "npm:^7.25.0"
     "@callstack/brownfield-cli": "workspace:^"
     "@react-native/babel-preset": "npm:0.82.1"
-    "@react-native/eslint-config": "npm:^0.83.1"
     "@types/node": "npm:^22.0.0"
     "@types/react": "npm:^19.1.1"
     eslint: "npm:^9.28.0"
@@ -1862,7 +1862,6 @@ __metadata:
     "@babel/runtime": "npm:^7.25.0"
     "@callstack/brownfield-cli": "workspace:^"
     "@react-native/babel-preset": "npm:0.82.1"
-    "@react-native/eslint-config": "npm:^0.83.1"
     "@types/jest": "npm:^30.0.0"
     "@types/react": "npm:^19.1.1"
     eslint: "npm:^9.28.0"
@@ -2609,6 +2608,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@eslint/compat@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@eslint/compat@npm:2.0.1"
+  dependencies:
+    "@eslint/core": "npm:^1.0.1"
+  peerDependencies:
+    eslint: ^8.40 || 9
+  peerDependenciesMeta:
+    eslint:
+      optional: true
+  checksum: 10/3ae4af6faba4a1191fc42f51675e1e8a78f9133e980133e2a6b86acd7d9d79bb8692afbeef283c4359a611874cd6bd4583464ae656f9a64d7dcecbbdb7afaa08
+  languageName: node
+  linkType: hard
+
 "@eslint/config-array@npm:^0.21.1":
   version: 0.21.1
   resolution: "@eslint/config-array@npm:0.21.1"
@@ -2638,6 +2651,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@eslint/core@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@eslint/core@npm:1.0.1"
+  dependencies:
+    "@types/json-schema": "npm:^7.0.15"
+  checksum: 10/442b54d50adee1681672596abc538cba1a57d108d28e39aeed64e4beaee23aa6f9f029c7bc0b39e26d8c4754de16305fbfce7f6539e7df266163c0c49fbaa4af
+  languageName: node
+  linkType: hard
+
 "@eslint/eslintrc@npm:^3.3.1":
   version: 3.3.3
   resolution: "@eslint/eslintrc@npm:3.3.3"