lint issue

Author: Trishix

FRONTEND/eslint.config.js

@@ -2,12 +2,14 @@ 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 { defineConfig, globalIgnores } from 'eslint/config'
 
 export default defineConfig([
   globalIgnores(['dist']),
   {
     files: ['**/*.{js,jsx}'],
+    ...react.configs.flat.recommended,
     extends: [
       js.configs.recommended,
       reactHooks.configs.flat.recommended,
@@ -22,8 +24,14 @@ export default defineConfig([
         sourceType: 'module',
       },
     },
+    settings: { react: { version: '18.3' } },
+    plugins: {
+      react,
+    },
     rules: {
-      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
+      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]|motion' }],
+      'react/react-in-jsx-scope': 'off',
+      'react/prop-types': 'off',
     },
   },
 ])