Change Linter Config to disallow inline styles (#252)

Inline styles are not great, this has the linter emit an error when you use them.
CDCgov · Sep 26, 2024 · ff33af8 · ff33af8
1 parent 21d86a1
commit ff33af8
Show file tree

Hide file tree

Showing 3 changed files with 1,515 additions and 3 deletions.
diff --git a/OCR/frontend/eslint.config.js b/OCR/frontend/eslint.config.js
@@ -2,6 +2,7 @@ import js from '@eslint/js'
 import globals from 'globals'
 import reactHooks from 'eslint-plugin-react-hooks'
 import reactRefresh from 'eslint-plugin-react-refresh'
+import react from 'eslint-plugin-react'
 import tseslint from 'typescript-eslint'
 
 export default tseslint.config({
@@ -15,12 +16,14 @@ export default tseslint.config({
   plugins: {
     'react-hooks': reactHooks,
     'react-refresh': reactRefresh,
+    'react': react,
   },
   rules: {
     ...reactHooks.configs.recommended.rules,
     'react-refresh/only-export-components': [
       'warn',
       { allowConstantExport: true },
     ],
+    'react/forbid-component-props': ['error', { forbid: ['style'] }],
   },
 })