eslint.config.mjs

import { includeIgnoreFile } from '@eslint/compat'
import pluginJs from '@eslint/js'
import configPrettier from 'eslint-config-prettier' // Import the Prettier config
import pluginPrettier from 'eslint-plugin-prettier'
import { default as pluginReact } from 'eslint-plugin-react'
import pluginReactHooks from 'eslint-plugin-react-hooks'
import globals from 'globals'
import path from 'path'
import tseslint from 'typescript-eslint'
const gitignorePath = path.resolve('./.gitignore')

/** @type {import('eslint').Linter.Config[]} */
export default [
    includeIgnoreFile(gitignorePath),
    {
        // files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'],
        files: ['**/*.{ts,tsx}'],
    },
    { languageOptions: { globals: { ...globals.browser, ...globals.node } } },
    pluginJs.configs.recommended,
    ...tseslint.configs.recommended,
    pluginReact.configs.flat.recommended,
    {
        plugins: {
            'react-hooks': pluginReactHooks,
            prettier: pluginPrettier,
        },
        rules: {
            'react-hooks/rules-of-hooks': 'error', // Checks rules of Hooks
            'react-hooks/exhaustive-deps': 'warn', // Checks effect dependencies
            'prettier/prettier': 'error', // Show Prettier errors as ESLint errors
            '@typescript-eslint/no-explicit-any': 'off',
        },
    },
    configPrettier, // Disable ESLint rules that conflict with Prettier
]