npm install --save-dev @eslint-react/eslint-plugin

pnpm add --save-dev @eslint-react/eslint-plugin

yarn add --dev @eslint-react/eslint-plugin

bun add --dev @eslint-react/eslint-plugin

// eslint.config.js
 
// @ts-check
import js from "@eslint/js";
import react from "@eslint-react/eslint-plugin";
import * as tsParser from "@typescript-eslint/parser";
 
export default [
  js.configs.recommended,
  {
    files: ["**/*.{ts,tsx}"],
    ...react.configs.recommended,
    languageOptions: {
      parser: tsParser,
    },
  },
];

module.exports = {
  parser: "@typescript-eslint/parser",
  plugins: ["@eslint-react/eslint-plugin"],
  extends: ["eslint:recommended"],
  overrides: [
    {
      files: ["**/*.{ts,tsx}"],
      extends: [
        "plugin:@eslint-react/recommended-legacy"
      ]
    }
  ]
}

// @ts-check
 
import js from "@eslint/js";
import react from "@eslint-react/eslint-plugin";
import * as tsParser from "@typescript-eslint/parser";
 
export default [
  js.configs.recommended,
  {
    languageOptions: {
      parserOptions: {
        parser: tsParser,
        project: "./tsconfig.json", // <-- Point to your project's "tsconfig.json" or create a new one.
        tsconfigRootDir: import.meta.dirname,
      },
    },
  },
  {
    files: ["**/*.{ts,tsx}"],
    ...react.configs["recommended-type-checked"], // <-- Requires type information
  },
  {
    files: ["**/*.{ts,tsx}"],
    rules: {
      "@eslint-react/no-leaked-conditional-rendering": "error", // <-- Requires type information
    },
  },
];

module.exports = {
  // ...
  parser: "@typescript-eslint/parser",
  parserOptions: {
    project: "./tsconfig.json", // <-- Point to your project's "tsconfig.json" or create a new one.
  },
  overrides: [
    {
      files: ["**/*.{ts,tsx}"],
      extends: [
        "plugin:@eslint-react/recommended-type-checked-legacy" // <-- Requires type information
      ],
      rules: {
        "@eslint-react/no-leaked-conditional-rendering": "error", // <-- Requires type information
      }
    }
  ]
  // ...
};