eslint.config.mjs

// @ts-check
import { fixupPluginRules } from '@eslint/compat';
import eslint from '@eslint/js';
// @ts-ignore
import reactHooks from 'eslint-plugin-react-hooks';
// @ts-ignore
import react from 'eslint-plugin-react/configs/recommended.js';
import globals from 'globals';
import typescript from 'typescript-eslint';

export default typescript.config(
  eslint.configs.recommended,
  ...typescript.configs.strictTypeChecked,
  {
    ignores: [
      'build/',
      'public/',
      'example/build/',
      'example/vite.config.mts',
      'eslint.config.mjs',
      'rollup.config.mjs',
    ],
  },
  {
    rules: {
      '@typescript-eslint/restrict-template-expressions': 'off',
      'no-console': 'error',
    },
    languageOptions: {
      parserOptions: {
        project: true,
        tsconfigRootDir: import.meta.dirname,
      },
    },
  },
  {
    ...react,
    languageOptions: {
      ...react.languageOptions,
      globals: {
        ...globals.browser,
      },
    },
    settings: {
      react: {
        version: 'detect',
      },
    },
    rules: {
      'react/display-name': 1,
      'react/react-in-jsx-scope': 0,
    },
  },
  {
    plugins: {
      'react-hooks': fixupPluginRules(reactHooks),
    },
    rules: {
      ...reactHooks.configs.recommended.rules,
    },
  },
);