eslint.config.js

import globals from 'globals';
import eslint from '@eslint/js';
import ts from 'typescript-eslint';
import reactRefresh from 'eslint-plugin-react-refresh';
import reactHooks from 'eslint-plugin-react-hooks';
import importPlugin from 'eslint-plugin-import';
import reactPlugin from 'eslint-plugin-react';

import tanstackQuery from '@tanstack/eslint-plugin-query';

export default [
  eslint.configs.recommended,
  ...ts.configs.recommended,
  ...tanstackQuery.configs['flat/recommended'],
  {
    ignores: ['dist/**/*', 'node_modules/**/*', 'eslint.config.js', 'tailwind.config.js'],
  },
  {
    files: ['*.ts', '*.tsx'],
    languageOptions: {
      ecmaVersion: 2023,
      sourceType: 'module',
      globals: {
        ...globals.browser,
      },
      parserOptions: {
        ecmaFeatures: {
          jsx: true,
        },
      },
    },
    plugins: {
      react: reactPlugin,
      'react-hooks': reactHooks,
      import: { rules: importPlugin.rules },
    },
    rules: {
      ...reactPlugin.configs.flat.recommended.rules,
    },
    settings: {
      react: {
        version: 'detect',
      },
    },
  },
  {
    plugins: {
      'react-refresh': reactRefresh,
    },
    rules: {
      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
      curly: 'error',
    },
  },
];