feat: update eslint config for react:ts

Author: allohamora

src/categories/js/eslint/config/config.interface.ts

@@ -12,6 +12,7 @@ export interface EslintConfig {
     node?: boolean;
     browser?: boolean;
     jest?: boolean;
+    es2020?: boolean;
   };
   root?: boolean;
   ignorePatterns?: string[];

src/categories/js/eslint/config/react:ts.config.ts

@@ -8,19 +8,29 @@ export const reactTsConfig: Config = {
     'eslint-plugin-beautiful-sort',
     'eslint-config-airbnb',
     'eslint-config-airbnb-typescript',
+    'eslint-plugin-react-refresh',
+    'eslint-plugin-react-hooks',
   ],
   eslintConfig: {
     parser: '@typescript-eslint/parser',
     parserOptions: {
       project: 'tsconfig.json',
+      ecmaVersion: 'latest',
       sourceType: 'module',
     },
-    plugins: ['@typescript-eslint/eslint-plugin', 'beautiful-sort'],
-    extends: ['plugin:@typescript-eslint/recommended', 'airbnb', 'airbnb-typescript'],
+    plugins: ['@typescript-eslint/eslint-plugin', 'beautiful-sort', 'react-refresh'],
+    extends: [
+      'eslint:recommended',
+      'plugin:@typescript-eslint/recommended',
+      'plugin:react-hooks/recommended',
+      'airbnb',
+      'airbnb-typescript',
+    ],
     root: true,
     env: {
       es6: true,
       browser: true,
+      es2020: true,
       node: true,
     },
     ignorePatterns: ['.eslintrc.js'],
@@ -50,6 +60,8 @@ export const reactTsConfig: Config = {
           order: ['special', 'namespace', 'default', 'defaultObj', 'obj', 'none'],
         },
       ],
+
+      'react-refresh/only-export-components': 'warn',
     },
   },
   ignore: ['node_modules', 'dist'],