lint frontend

frontend/eslint.config.js

@@ -1,16 +1,21 @@
 import js from '@eslint/js';
+import react from 'eslint-plugin-react';
 import reactHooks from 'eslint-plugin-react-hooks';
 
 export default [
   js.configs.recommended,
   {
     files: ['src/**/*.{js,jsx}'],
-    plugins: { 'react-hooks': reactHooks },
+    plugins: {
+      react,
+      'react-hooks': reactHooks,
+    },
     languageOptions: {
       ecmaVersion: 'latest',
       sourceType: 'module',
       parserOptions: { ecmaFeatures: { jsx: true } },
       globals: {
+        // Browser APIs
         window: 'readonly',
         document: 'readonly',
         console: 'readonly',
@@ -33,11 +38,15 @@ export default [
         Image: 'readonly',
         WebSocket: 'readonly',
         HTMLElement: 'readonly',
+        Element: 'readonly',
         ClipboardItem: 'readonly',
         CSS: 'readonly',
         ResizeObserver: 'readonly',
         MutationObserver: 'readonly',
         IntersectionObserver: 'readonly',
+        TextEncoder: 'readonly',
+        TextDecoder: 'readonly',
+        Buffer: 'readonly',
         atob: 'readonly',
         btoa: 'readonly',
         performance: 'readonly',
@@ -45,6 +54,9 @@ export default [
         queueMicrotask: 'readonly',
       },
     },
+    settings: {
+      react: { version: 'detect' },
+    },
     rules: {
       // Prevent the TDZ bug
       'no-use-before-define': ['error', { functions: false, classes: false, variables: true }],
@@ -53,10 +65,24 @@ export default [
       'react-hooks/rules-of-hooks': 'error',
       'react-hooks/exhaustive-deps': 'warn',
 
+      // React JSX correctness
+      'react/jsx-key': 'error',
+      'react/jsx-no-duplicate-props': 'error',
+      'react/no-children-prop': 'error',
+      'react/no-danger-with-children': 'error',
+      'react/no-direct-mutation-state': 'error',
+      'react/no-unescaped-entities': 'warn',
+
       // Turn off rules that are noisy without adding safety
+      'react/react-in-jsx-scope': 'off',       // not needed with React 17+ JSX transform
+      'react/prop-types': 'off',                // no PropTypes in this codebase
+      'react/no-unknown-property': 'off',       // false positives with Three.js / custom attrs
       'no-unused-vars': ['warn', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
       'no-empty': 'off',
       'no-prototype-builtins': 'off',
     },
+    linterOptions: {
+      reportUnusedDisableDirectives: 'off',
+    },
   },
 ];