chnaged the eslint.config.js to fix CI

Author: ashley-arellano

frontend/eslint.config.js

@@ -1,38 +1,34 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import react from 'eslint-plugin-react'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
+import js from '@eslint/js';
+import globals from 'globals';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
 
 export default [
   { ignores: ['dist'] },
   {
-    files: ['**/*.{js,jsx}'],
+    files: ['**/*.{js,jsx,ts,tsx}'], // Added ts, tsx support
     languageOptions: {
-      ecmaVersion: 2020,
+      ecmaVersion: 'latest', // Unified the ECMA version declaration
       globals: globals.browser,
       parserOptions: {
-        ecmaVersion: 'latest',
         ecmaFeatures: { jsx: true },
         sourceType: 'module',
       },
     },
     settings: { react: { version: '18.3' } },
-    plugins: {
+    plugins: [
       react,
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
-    },
+      reactHooks,
+      reactRefresh,
+    ], // Changed plugins to an array as required by ESLint v9
     rules: {
       ...js.configs.recommended.rules,
       ...react.configs.recommended.rules,
       ...react.configs['jsx-runtime'].rules,
       ...reactHooks.configs.recommended.rules,
       'react/jsx-no-target-blank': 'off',
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
+      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
     },
   },
-]
+];