Use the updated react eslint configs

chanzuckerberg · Sep 23, 2024 · d3c5b6f · d3c5b6f
1 parent 14af0b0
commit d3c5b6f
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 18 deletions.
diff --git a/demo/src/advanced.stories.jsx b/demo/src/advanced.stories.jsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default {
   title: 'advanced',
   component: 'button',

diff --git a/demo/src/autoTitles.stories.jsx b/demo/src/autoTitles.stories.jsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default {
   component: 'button',
 };

diff --git a/demo/src/simple.stories.jsx b/demo/src/simple.stories.jsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default {
   title: 'simple',
   component: 'button',

diff --git a/eslint.config.js b/eslint.config.js
@@ -1,7 +1,7 @@
 const globals = require('globals');
 const js = require('@eslint/js');
 const prettierRecommended = require('eslint-plugin-prettier/recommended');
-const reactRecommended = require('eslint-plugin-react/configs/recommended');
+const react = require('eslint-plugin-react');
 const typescriptEslint = require('typescript-eslint');
 const vitest = require('eslint-plugin-vitest');
 
@@ -35,21 +35,12 @@ module.exports = [
   },
   {
     files: ['demo/**/*.{js,jsx,ts,tsx}'],
-    ...reactRecommended,
-    languageOptions: {
-      ...reactRecommended.languageOptions,
-      globals: {
-        ...globals.browser,
-      },
-    },
+    ...react.configs.flat.recommended,
+    ...react.configs.flat['jsx-runtime'],
     settings: {
       react: {
         version: 'detect',
       },
     },
-    rules: {
-      ...reactRecommended.rules,
-      'react/prop-types': 0,
-    },
   },
 ];