upgrade eslint and react-native

Author: testshallpass

eslint.config.mjs

@@ -1,30 +1,59 @@
 import { defineConfig, globalIgnores } from 'eslint/config';
+import { fixupPluginRules } from '@eslint/compat';
 import markdown from '@eslint/markdown';
-import ts from 'typescript-eslint';
-import yml from 'eslint-plugin-yml';
+import tsEslint from 'typescript-eslint';
+import ymlEslint from 'eslint-plugin-yml';
 import json from '@eslint/json';
-import js from '@eslint/js';
+import jsEslint from '@eslint/js';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactEslint from 'eslint-plugin-react';
+import reactNativeEslint from 'eslint-plugin-react-native';
 
 export default defineConfig([
   {
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
     files: ['**/*.{ts,tsx}'],
-    plugins: { ts },
-    extends: [ts.configs.recommended],
+    plugins: {
+      tsEslint,
+      jsEslint,
+      reactEslint,
+      'react-hooks': reactHooks,
+      'react-native': fixupPluginRules({
+        rules: reactNativeEslint.rules,
+      }),
+    },
+    extends: [
+      jsEslint.configs.recommended,
+      tsEslint.configs.recommended,
+      reactEslint.configs.flat.recommended,
+      reactHooks.configs.flat.recommended,
+    ],
+    rules: {
+      ...reactNativeEslint.configs.all.rules,
+      '@typescript-eslint/no-require-imports': [
+        'error',
+        { allow: ['/*\\.png$'] },
+      ],
+    },
   },
   {
     files: ['**/*.{mjs}'],
-    plugins: { js },
-    extends: ['js/recommended'],
+    plugins: { jsEslint },
+    extends: [jsEslint.configs.recommended],
   },
   {
     files: ['**/*.md'],
     plugins: { markdown },
     processor: 'markdown/markdown',
   },
   {
-    files: ['**/*.yml'],
-    plugins: { yml },
-    extends: [yml.configs['flat/recommended']],
+    files: ['**/*.ymlEslint'],
+    plugins: { ymlEslint },
+    extends: [ymlEslint.configs['flat/recommended']],
   },
   {
     files: ['**/*.json'],

package.json

@@ -29,28 +29,32 @@
   "author": "Brian Sinnicke",
   "license": "MIT",
   "devDependencies": {
+    "@eslint/compat": "^1.4.0",
     "@eslint/js": "9.35.0",
     "@eslint/json": "0.13.2",
     "@eslint/markdown": "7.2.0",
-    "@react-native/babel-preset": "0.81.1",
-    "@react-native/eslint-config": "0.81.1",
-    "@react-native/metro-config": "0.81.1",
-    "@react-native/typescript-config": "0.81.1",
+    "@react-native/babel-preset": "0.81.4",
+    "@react-native/eslint-config": "0.81.4",
+    "@react-native/metro-config": "0.81.4",
+    "@react-native/typescript-config": "0.81.4",
     "@testing-library/react-native": "13.3.3",
     "@types/jest": "30.0.0",
     "@types/react": "19.1.0",
     "@types/react-test-renderer": "19.1.0",
     "babel-jest": "30.1.2",
-    "eslint": "9.35.0",
+    "eslint": "9.38.0",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "7.0.0",
+    "eslint-plugin-react-native": "^5.0.0",
     "eslint-plugin-yml": "1.18.0",
     "jest": "30.1.3",
     "prettier": "3.6.2",
     "react": "19.1.0",
-    "react-native": "0.81.1",
+    "react-native": "0.81.4",
     "react-test-renderer": "19.1.0",
     "ts-jest": "29.4.1",
     "typescript": "5.8.3",
-    "typescript-eslint": "8.42.0"
+    "typescript-eslint": "8.46.2"
   },
   "engines": {
     "node": ">=20"