eslint.config.mjs

import { fixupConfigRules, fixupPluginRules } from '@eslint/compat'
import jestDom from 'eslint-plugin-jest-dom'
import globals from 'globals'
import tsParser from '@typescript-eslint/parser'
import path from 'node:path'
import { fileURLToPath } from 'node:url'
import js from '@eslint/js'
import { FlatCompat } from '@eslint/eslintrc'

const __filename = fileURLToPath(import.meta.url)
const __dirname = path.dirname(__filename)
const compat = new FlatCompat({
  baseDirectory: __dirname,
  recommendedConfig: js.configs.recommended,
  allConfig: js.configs.all
})

export default [
  {
    ignores: [
      'coverage',
      'dist',
      'node_modules',
      'storybook-static',
      '**/*.js',
      '**/*.jsx'
    ]
  },
  ...fixupConfigRules(
    compat.extends(
      'eslint:recommended',
      'plugin:@typescript-eslint/recommended',
      'plugin:react/recommended',
      'plugin:react/jsx-runtime',
      'plugin:react-hooks/recommended',
      'plugin:jest-dom/recommended',
      'plugin:storybook/recommended',
      'prettier'
    )
  ),
  {
    plugins: {
      'jest-dom': fixupPluginRules(jestDom)
    },

    languageOptions: {
      globals: {
        ...globals.browser
      },

      parser: tsParser
    },

    settings: {
      react: {
        version: 'detect'
      }
    },

    rules: {
      quotes: [
        'error',
        'single',
        {
          avoidEscape: true
        }
      ],

      'no-console': [
        'error',
        {
          allow: ['error']
        }
      ],

      'no-param-reassign': [
        'error',
        {
          props: false
        }
      ],

      yoda: 'off',
      'no-shadow': 'off',
      'no-bitwise': 'warn',
      'no-plusplus': 'off',
      'no-redeclare': 'warn',
      'no-unused-vars': 'off',
      'no-nested-ternary': 'off',
      'no-case-declarations': 'off',
      'no-restricted-exports': 'off',
      'no-use-before-define': 'error',
      'react/no-array-index-key': 'off',
      'react/react-in-jsx-scope': 'off',
      'react/jsx-props-no-spreading': 'off',
      'react/require-default-props': 'off',
      'react-hooks/exhaustive-deps': 'off',
      '@typescript-eslint/ban-ts-comment': 'warn',
      '@typescript-eslint/no-var-requires': 'off',

      '@typescript-eslint/no-unused-vars': [
        'error',
        {
          varsIgnorePattern: '^React$'
        }
      ],

      '@typescript-eslint/no-empty-function': 'warn',

      '@typescript-eslint/no-explicit-any': [
        'warn',
        {
          ignoreRestArgs: true
        }
      ],

      '@typescript-eslint/consistent-type-imports': [
        'error',
        {
          fixStyle: 'inline-type-imports'
        }
      ]
    }
  }
]