cannot upgrade `eslint` to v9 due to `eslint-plugin-react-hooks` peer dependancies about react

[bsal649]

You can install the eslint-plugin-react-hooks RC to get around this for now.

npm i eslint-plugin-react-hooks@rc

[eps1lon]

Fixed in #28773. Will be released alongside React 19 as stable. You can use it today by install eslint-plugin-react-hooks@rc.

[DeadEnglish]

thanks @bsal649, whilst using the release candidate as work around does indeed fix the issue (and may be useful for other projects), RCs seem to be updated daily. I'm mainly worried about platform stability and ideally require a stable release version for our application.

[bsShoham]

@nikolailehbrink you can also use eslint plugin perfectionist as it has a similar feature of import ordering to eslint-plugin-import, and supports eslint v9

[DAcodedBEAT]

I believe this related to #28313

[DeadEnglish]

Seems like the changes have been added to the library here but a new version is yet to be released on NPM

[nikolailehbrink]

You can install the eslint-plugin-react-hooks RC to get around this for now.

npm i eslint-plugin-react-hooks@rc

That doesn't work for me unfortunately. Any idea?

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/eslint
npm ERR!   dev eslint@"^9.10.0" from the root project
npm ERR!   peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/[email protected]
npm ERR!   node_modules/@eslint-community/eslint-utils
npm ERR!     @eslint-community/eslint-utils@"^4.2.0" from [email protected]
npm ERR!     @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/[email protected]
npm ERR!     node_modules/@typescript-eslint/utils
npm ERR!       @typescript-eslint/utils@"8.5.0" from @typescript-eslint/[email protected]
npm ERR!       node_modules/@typescript-eslint/eslint-plugin
npm ERR!         dev @typescript-eslint/eslint-plugin@"^8.5.0" from the root project
npm ERR!       1 more (@typescript-eslint/type-utils)
npm ERR!   7 more (@typescript-eslint/eslint-plugin, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer eslint@"^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8" from [email protected]
npm ERR! node_modules/eslint-plugin-import
npm ERR!   dev eslint-plugin-import@"^2.30.0" from the root project
npm ERR!   peerOptional eslint-plugin-import@"*" from [email protected]
npm ERR!   node_modules/eslint-import-resolver-typescript
npm ERR!     dev eslint-import-resolver-typescript@"^3.6.3" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/eslint
npm ERR!   peer eslint@"^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8" from [email protected]
npm ERR!   node_modules/eslint-plugin-import
npm ERR!     dev eslint-plugin-import@"^2.30.0" from the root project
npm ERR!     peerOptional eslint-plugin-import@"*" from [email protected]
npm ERR!     node_modules/eslint-import-resolver-typescript
npm ERR!       dev eslint-import-resolver-typescript@"^3.6.3" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

from react.

[bsal649]

@nikolailehbrink your issue is with eslint-plugin-import. I don’t use it personally, but you could try see if they have an rc/beta/preview branch with eslint 9 support.