fix: switch to modern React env

sebastian-software · Apr 5, 2024 · d49652b · d49652b
1 parent ab0e157
commit d49652b
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 11 deletions.
diff --git a/generated/rules.js b/generated/rules.js
@@ -1323,7 +1323,7 @@
     }
   ],
   "react/jsx-uses-react": [
-    "error"
+    "off"
   ],
   "react/jsx-uses-vars": [
     "error"
@@ -1407,7 +1407,7 @@
     "off"
   ],
   "react/react-in-jsx-scope": [
-    "error"
+    "off"
   ],
   "react/require-default-props": [
     "error",

diff --git a/generated/rules.md b/generated/rules.md
@@ -5748,13 +5748,13 @@
 </tr>
 <tr>
 <th style="text-align:left">react/jsx-uses-react</th>
-<td style="background:#fdb5bb;padding:3px 6px">✓</td>
+<td style="background:#ccc;padding:3px 6px">✗</td>
 <td style="background:#eee;padding:3px 6px"></td>
 <td style="background:#eee;padding:3px 6px"></td>
 <td style="background:#eee;padding:3px 6px"></td>
 <td style="background:#fdb5bb;padding:3px 6px">✓</td>
 <td style="background:#eee;padding:3px 6px"></td>
-<td style="background:#fdb5bb;padding:3px 6px">✓</td>
+<td style="background:#ccc;padding:3px 6px">✗</td>
 <td style="background:#ffe0ad;padding:3px 6px">✓</td>
 <td style="background:#eee;padding:3px 6px"></td>
 <td style="background:#ffe0ad;padding:3px 6px">✓</td>
@@ -6207,13 +6207,13 @@
 </tr>
 <tr>
 <th style="text-align:left">react/react-in-jsx-scope</th>
-<td style="background:#fdb5bb;padding:3px 6px">✓</td>
+<td style="background:#ccc;padding:3px 6px">✗</td>
 <td style="background:#eee;padding:3px 6px"></td>
 <td style="background:#eee;padding:3px 6px"></td>
 <td style="background:#eee;padding:3px 6px"></td>
 <td style="background:#ccc;padding:3px 6px">✗</td>
 <td style="background:#eee;padding:3px 6px"></td>
-<td style="background:#fdb5bb;padding:3px 6px">✓</td>
+<td style="background:#ccc;padding:3px 6px">✗</td>
 <td style="background:#eee;padding:3px 6px"></td>
 <td style="background:#eee;padding:3px 6px"></td>
 <td style="background:#ccc;padding:3px 6px">✗</td>

diff --git a/src/config.ts b/src/config.ts
@@ -23,14 +23,18 @@ export const blockedRules = new Set([
 ])
 
 export const deprecatedRules = new Set([
-  // With TypeScript we do not use PropTypes anymore
-  "react/prop-types",
-
   // There is a TS variant for the same rule
   "prefer-destructuring",
 
   // The "eqeqeq" rule is a more powerful alternative
-  "no-eq-null"
+  "no-eq-null",
+
+  // With TypeScript we do not use PropTypes anymore
+  "react/prop-types",
+
+  // Some presets still define these legacy rules
+  "react/react-in-jsx-scope",
+  "react/jsx-uses-react"
 ])
 
 export const dropPluginRules = [

diff --git a/src/loader.ts b/src/loader.ts
@@ -80,7 +80,11 @@ export async function loadConfigs(combined: CombinedRules) {
   await mergeConfig(
     combined,
     getConfig({
-      extends: ["plugin:react/recommended", "plugin:react-hooks/recommended"]
+      extends: [
+        "plugin:react/recommended",
+        "plugin:react/jsx-runtime",
+        "plugin:react-hooks/recommended"
+      ]
     }),
     "react"
   )