@eslint-react/eslint-plugin

The README file is missing

Changelog

v2.0.0 (TBD)

💥 Breaking Changes

Target Environment Updates: Now ESM and ESLint Flat Config Only

• Drop support for CommonJS (CJS) module format, packages are now distributed only as ECMAScript Modules (ESM)
• Drop support for ESLint legacy config system, packages now support only ESLint Flat Config (eslint.config.js)
• Drop support for Node.js 16 and 18, minimum required version is now Node.js 20
• Drop support for ESLint 8, minimum required version is now ESLint 9.3.6
• Drop support for TypeScript 4, minimum required version is now TypeScript 5.9.2

The following rules have been renamed:

• react-x/no-comment-textnodes -> react-x/jsx-no-comment-textnodes
• react-x/no-nested-components -> react-x/no-nested-component-definitions
• react-x/prefer-react-namespace-import -> react-x/prefer-namespace-import

The following rules have been consolidated into new rules:

• react-x/jsx-shorthand-boolean replaces avoid-shorthand-boolean and prefer-shorthand-boolean
• react-x/jsx-shorthand-fragment replaces avoid-shorthand-fragment and prefer-shorthand-fragment
• react-hooks-extra/no-direct-set-state-in-use-effect replaces no-direct-set-state-in-use-layout-effect

The following rules have been moved to new plugins:

• react-hooks-extra/no-unnecessary-use-callback -> react-x/no-unnecessary-use-callback
• react-hooks-extra/no-unnecessary-use-memo -> react-x/no-unnecessary-use-memo
• react-hooks-extra/no-unnecessary-use-prefix -> react-x/no-unnecessary-use-prefix
• react-hooks-extra/prefer-use-state-lazy-initialization -> react-x/prefer-use-state-lazy-initialization

The following settings have been removed from settings["react-x"]:

• additionalComponents
• additionalHooks
• skipImportCheck

✨ New

Added the following new rules:

• react-x/jsx-shorthand-boolean: Enforces a consistent style for boolean attributes
• react-x/jsx-shorthand-fragment: Enforces a consistent style for React Fragments
• react-x/no-forbidden-props: Disallows specific props on components
• react-x/no-unnecessary-key: Reports unnecessary key props on elements
• react-x/no-unused-props: Reports unused props in components
• react-dom/no-string-style-prop: Disallows string values for the style prop
• react-dom/prefer-namespace-import: Enforces using a namespace import for react-dom

Added the following new rule to the recommended-type-checked preset:

• react-x/no-unused-props: Reports unused props in components

The following rules now support Codemod features:

• react-x/no-component-did-update
• react-x/no-component-will-receive-props
• react-x/no-component-will-update
• react-x/no-context-provider
• react-x/no-forward-ref
• react-x/no-string-refs

The following rules now support auto-fix:

• react-x/prefer-namespace-import
• react-dom/prefer-namespace-import

The following rules now support suggestion fixes:

• react-dom/no-missing-button-type
• react-dom/no-missing-iframe-sandbox
• react-dom/no-unsafe-target-blank

New configuration preset added:

• disable-conflict-eslint-plugin-react: Disable rules in eslint-plugin-react that conflict with rules in our plugins

🐞 Fixes

• fix(react-x/no-unnecessary-use-prefix): fix false positive of React Hooks defined within the callback function of vi.mock(...) in Vitest test files
• fix(react-web-api/no-leaked-event-listener): fix useEffect setup function check to handle React.useEffect() calls correctly
• fix(react-naming-convention/filename): fix false positive on well-known filenames like 404.tsx, _app.tsx, [slug].tsx

🪄 Improvements

• refactor: cleanup utilities and simplify rule implementations
• refactor: rework React API detection logic to better align with eslint-plugin-react-hooks
• docs: add comparison table between eslint-plugin-react and eslint-react rules
• docs: replace tseslint.config with defineConfig in all examples
• build: migrate build system from tsup to tsdown for better performance

Full Changelog: https://github.com/Rel1cx/eslint-react/compare/v1.53.1...v2.0.0