Completed Change to ReactJS

frontend/.eslintrc.cjs

@@ -1,11 +1,13 @@
 module.exports = {
   root: true,
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  plugins: ['solid'],
-  extends: ['eslint:recommended', 'plugin:solid/recommended'],
+  env: { browser: true, es2021: true },
+  plugins: ['react-refresh'],
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+  ],
   overrides: [
     {
       env: {
@@ -18,15 +20,22 @@ module.exports = {
     },
   ],
   ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  settings: { react: { version: '18.2' } },
   rules: {
-    indent: ['warn', 2],
+    'react/jsx-no-target-blank': 'off',
+    'react/prop-types': 'off',
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+    'react-hooks/exhaustive-deps': 'off',
+    // indent: ['warn', 2],
     quotes: ['error', 'single'],
     semi: ['error', 'never'],
-    'max-lines-per-function': [1, 1000],
+    'max-lines-per-function': [1, 300],
     'no-unused-vars': ['warn'],
+    'no-prototype-builtins': 'off',
+    'react/display-name': 'off',
   },
 }