Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Failed to load plugin 'flowtype' declared in '.eslintrc.js » @react-native-community/eslint-config#overrides[0]': Package subpath './lib/rules/no-unused-expressions' is not defined by "exports" in /home/<...>/react-native/<projectname>/node_modules/eslint/package.json

[idc77]

Description

package.json

{
  "name": "blogs",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint ."
  },
  "dependencies": {
    "@react-keycloak/native": "^0.6.0",
    "react": "17.0.2",
    "react-native": "0.68.0",
    "react-native-inappbrowser-reborn": "^3.6.3"
  },
  "devDependencies": {
    "@babel/core": "^7.17.8",
    "@babel/runtime": "^7.17.8",
    "@react-native-community/eslint-config": "^3.0.1",
    "babel-jest": "^27.5.1",
    "eslint": "^8.12.0",
    "jest": "^27.5.1",
    "metro-react-native-babel-preset": "^0.70.0",
    "react-test-renderer": "17.0.2"
  },
  "jest": {
    "preset": "react-native"
  }
}

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Failed to load plugin 'flowtype' declared in '.eslintrc.js » @react-native-community/eslint-config#overrides[0]': Package subpath './lib/rules/no-unused-expressions' is not defined by "exports" in /home/darko/WebstormProjects/react-native/blogs/node_modules/eslint/package.json

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Failed to load plugin 'flowtype' declared in '.eslintrc.js » @react-native-community/eslint-config#overrides[0]': Package subpath './lib/rules/no-unused-expressions' is not defined by "exports" in /home/darko/WebstormProjects/react-native/blogs/node_modules/eslint/package.json
    at new NodeError (node:internal/errors:371:5)
    at throwExportsNotFound (node:internal/modules/esm/resolve:453:9)
    at packageExportsResolve (node:internal/modules/esm/resolve:731:3)
    at resolveExports (node:internal/modules/cjs/loader:482:36)
    at Function.Module._findPath (node:internal/modules/cjs/loader:522:31)
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:919:27)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/home/darko/WebstormProjects/react-native/blogs/node_modules/eslint-plugin-flowtype/dist/rules/noUnusedExpressions.js:7:28)
Process finished with exit code -1

So I did
yarn add -D eslint-plugin-flowtype

which results in

Parsing error: require() of ES Module /home/darko/WebstormProjects/react-native/blogs/node_modules/eslint-scope/lib/definition.js from /home/darko/WebstormProjects/react-native/blogs/node_modules/babel-eslint/lib/require-from-eslint.js not supported.
Instead change the require of definition.js in /home/darko/WebstormProjects/react-native/blogs/node_modules/babel-eslint/lib/require-from-eslint.js to a dynamic import() which is available in all CommonJS modules.
Process finished with exit code -1

This is my 1st contact with react-native.

Version

0.68.0

Output of npx react-native info

System:
OS: Linux 5.16 Arch Linux
Redacted
Binaries:
Node: 16.14.2 - ~/.nvm/versions/node/v16.14.2/bin/node
Yarn: 1.22.17 - ~/.yarn/bin/yarn
npm: 8.5.0 - ~/.nvm/versions/node/v16.14.2/bin/npm
Watchman: Not Found
SDKs:
Android SDK:
API Levels: 19, 22, 26, 27, 28, 29, 30, 31
Build Tools: 26.0.2, 27.0.3, 28.0.3, 29.0.2, 30.0.2, 30.0.3
System Images: android-26 | Google Play Intel x86 Atom, android-27 | Google Play Intel x86 Atom, android-29 | Google APIs Intel x86 Atom
Android NDK: 22.1.7171670
IDEs:
Android Studio: AI-211.7628.21.2111.8193401
Languages:
Java: javac 18 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 17.0.2 => 17.0.2
react-native: 0.68.0 => 0.68.0
npmGlobalPackages:
react-native: Not Found

Steps to reproduce

Create new react native app with Webstorm
yarn add @react-keycloak/native
yarn add react-native-inappbrowser-reborn
npx uri-scheme add de.icod.blogs --android
Open App.js in Webstorm

I assume the result is the same without the 2 yarn lines and uri-scheme

Snack, code example, screenshot, or link to a repository

No response

[idc77]

So this means dependency babel-eslint is pulled in somewhere.
But https://www.npmjs.com/package/babel-eslint

Author message: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.

Now to find out which of the billion packages imports babel-eslint

grep 'babel-eslint' * -R
node_modules/symbol-tree/package.json:    "babel-eslint": "^10.0.1",
node_modules/eslint-plugin-eslint-comments/package.json:    "babel-eslint": "^10.0.1",
node_modules/@react-native-community/eslint-plugin/__tests__/eslint-tester.js:  parser: 'babel-eslint',
node_modules/@react-native-community/eslint-config/package.json:    "babel-eslint": "^10.1.0",
node_modules/@react-native-community/eslint-config/index.js:      parser: 'babel-eslint',
node_modules/@react-native-community/eslint-config/node_modules/eslint-plugin-flowtype/package.json:    "babel-eslint": "^9.0.0",
node_modules/@react-native-community/eslint-config/node_modules/eslint-plugin-flowtype/README.md:1. Install [`babel-eslint`](https://github.com/babel/babel-eslint) parser (ESLint parser [does not support type annotations](https://github.com/eslint/eslint/issues/2157)).
node_modules/@react-native-community/eslint-config/node_modules/eslint-plugin-flowtype/README.md:npm install babel-eslint --save-dev
node_modules/@react-native-community/eslint-config/node_modules/eslint-plugin-flowtype/README.md:1. Set `parser` property to `babel-eslint`.
node_modules/@react-native-community/eslint-config/node_modules/eslint-plugin-flowtype/README.md:  "parser": "babel-eslint",
node_modules/@react-native-community/eslint-config/node_modules/eslint-plugin-flowtype/dist/configs/recommended.json:  "parser": "babel-eslint",
node_modules/@react-native-community/eslint-config/node_modules/eslint-plugin-flowtype/dist/rules/defineFlowType.js:    // Can be removed once https://github.com/babel/babel-eslint/pull/696 is published
node_modules/envinfo/package.json:    "babel-eslint": "^10.0.1",
node_modules/eslint-plugin-flowtype/dist/rules/defineFlowType.js:    // Can be removed once https://github.com/babel/babel-eslint/pull/696 is published
node_modules/eslint-plugin-react/package.json:    "babel-eslint": "^8 || ^9 || ^10.1.0",
node_modules/eslint-plugin-react/lib/util/variable.js: * Contain a patch for babel-eslint to avoid https://github.com/babel/babel-eslint/issues/21
node_modules/eslint-plugin-react/lib/rules/jsx-no-comment-textnodes.js:  // since babel-eslint has the wrong node.raw, we'll get the source text
node_modules/eslint-plugin-react/lib/rules/prefer-exact-props.js:        // working around an issue with eslint@3 and babel-eslint not finding the TypeAlias in scope
node_modules/eslint-plugin-react/lib/rules/jsx-sort-default-props.js:      // (babel-eslint@5 does not expose property name so we have to rely on tokens)
node_modules/eslint-plugin-react/lib/rules/boolean-prop-naming.js:      // Due to this bug https://github.com/babel/babel-eslint/issues/307
node_modules/eslint-plugin-react/lib/rules/jsx-no-undef.js:        // Temporary fix for babel-eslint
node_modules/esrecurse/gulpfile.babel.js:    parser: 'babel-eslint',
node_modules/esrecurse/package.json:    "babel-eslint": "^7.2.3",
node_modules/.yarn-integrity:    "babel-eslint@^10.1.0": "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.1.0.tgz#6968e568a910b78fb3779cdd8b6ac2f479943232",
node_modules/babel-eslint/package.json:  "name": "babel-eslint",
node_modules/babel-eslint/package.json:    "url": "https://github.com/babel/babel-eslint.git"
node_modules/babel-eslint/package.json:    "url": "https://github.com/babel/babel-eslint/issues"
node_modules/babel-eslint/package.json:  "homepage": "https://github.com/babel/babel-eslint",
node_modules/babel-eslint/package.json:    "babel-eslint": "^8.2.6",
node_modules/babel-eslint/README.md:# babel-eslint [![npm](https://img.shields.io/npm/v/babel-eslint.svg)](https://www.npmjs.com/package/babel-eslint) [![travis](https://img.shields.io/travis/babel/babel-eslint/master.svg)](https://travis-ci.org/babel/babel-eslint) [![npm-downloads](https://img.shields.io/npm/dm/babel-eslint.svg)](https://www.npmjs.com/package/babel-eslint)
node_modules/babel-eslint/README.md:**babel-eslint** allows you to lint **ALL** valid Babel code with the fantastic
node_modules/babel-eslint/README.md:### Why Use babel-eslint
node_modules/babel-eslint/README.md:You only need to use babel-eslint if you are using types (Flow) or experimental features not supported in ESLint itself yet. Otherwise try the default parser (you don't have to use it just because you are using Babel).
node_modules/babel-eslint/README.md:> If there is an issue, first check if it can be reproduced with the regular parser or with the latest versions of `eslint` and `babel-eslint`!
node_modules/babel-eslint/README.md:- `no-undef` for global flow types: `ReactElement`, `ReactClass` [#130](https://github.com/babel/babel-eslint/issues/130#issuecomment-111215076)
node_modules/babel-eslint/README.md:- `no-unused-vars/no-undef` with Flow declarations (`declare module A {}`) [#132](https://github.com/babel/babel-eslint/issues/132#issuecomment-112815926)
node_modules/babel-eslint/README.md:- `no-unused-vars: [2, {vars: local}]` [#136](https://github.com/babel/babel-eslint/issues/136)
node_modules/babel-eslint/README.md:Basically `babel-eslint` exports an [`index.js`](/index.js) that a linter can use.
node_modules/babel-eslint/README.md:ESLint | babel-eslint
node_modules/babel-eslint/README.md:Ensure that you have substituted the correct version lock for `eslint` and `babel-eslint` into this command:
node_modules/babel-eslint/README.md:$ npm install eslint@4.x babel-eslint@8 --save-dev
node_modules/babel-eslint/README.md:$ yarn add eslint@4.x babel-eslint@8 -D
node_modules/babel-eslint/README.md:  "parser": "babel-eslint",
node_modules/babel-eslint/README.md:  "parser": "babel-eslint",
node_modules/@babel/parser/CHANGELOG.md:Will include all parser plugins instead of specifying each one individually. Useful for tools like babel-eslint, jscodeshift, and ast-explorer.
node_modules/uuid/package.json:    "babel-eslint": "10.1.0",
node_modules/cosmiconfig/package.json:    "babel-eslint": "^8.0.3",
node_modules/pirates/package.json:    "babel-eslint": "10.1.0",
node_modules/jscodeshift/package.json:    "babel-eslint": "^10.0.1",
node_modules/eslint-config-prettier/package.json:    "babel-eslint": "10.1.0",
node_modules/react-native/package.json:    "babel-eslint": "^10.1.0",
node_modules/react-native/CHANGELOG.md:- Upgrade babel-eslint to 9.0.0 ([44dc283bcd](https://github.com/facebook/react-native/commit/44dc283bcd0a75826d9be86cdc727e32d5697ef2) by [@rafeca](https://github.com/rafeca))
node_modules/react-native/CHANGELOG.md:- Upgrade babel-eslint to v9.0.0-beta.2 with better support for Flow ([abf1188de2](https://github.com/facebook/react-native/commit/abf1188de225e4b7d36ecbad316af92ca29c85c2) by [@rubennorte](https://github.com/rubennorte))
node_modules/react-shallow-renderer/package.json:    "babel-eslint": "^10.1.0",
node_modules/eslint-plugin-react-native/package.json:    "babel-eslint": "^10.0.3",
node_modules/eslint-plugin-react-native/lib/util/variable.js: * Contain a patch for babel-eslint to avoid https://github.com/babel/babel-eslint/issues/21
node_modules/jsx-ast-utils/package.json:    "babel-eslint": "^10.1.0",
node_modules/jsx-ast-utils/.eslintrc:  "parser": "babel-eslint",
node_modules/jsx-ast-utils/CHANGELOG.md:- [Dev Deps] update `@babel/parser`, `babel-eslint`, `coveralls`, `eslint`, `eslint-config-airbnb-base`, `eslint-plugin-import`, `in-publish`, `object.entries`, `object.fromentries`, `rimraf`
node_modules/babel-plugin-dynamic-import-node/package.json:    "babel-eslint": "^9.0.0",
node_modules/babel-plugin-dynamic-import-node/.eslintrc:  "parser": "babel-eslint",
node_modules/babel-plugin-dynamic-import-node/CHANGELOG.md:- [Dev Deps] update `airbnb-js-shims`, `babel-eslint`, `babel-preset-airbnb`, `eslint`, `eslint-config-airbnb-base`, `eslint-plugin-import`, `safe-publish-latest`
node_modules/babel-plugin-dynamic-import-node/CHANGELOG.md:- [Dev Deps] update `airbnb-js-shims`, `babel-core`, `babel-eslint`, `eslint`, `eslint-plugin-import`
node_modules/babel-plugin-dynamic-import-node/CHANGELOG.md:- [Dev Deps] update `babel-cli`, `babel-core`, `babel-eslint`, `babel-register`, `eslint`, `eslint-config-airbnb-base`, `mocha`
node_modules/babel-plugin-dynamic-import-node/CHANGELOG.md:- [Dev Deps] update `babel-cli`, `babel-core`, `babel-eslint`, `babel-register`, `eslint`, `eslint-config-airbnb-base`, `eslint-plugin-import`, `mocha`, `rimraf`
yarn.lock:    babel-eslint "^10.1.0"
yarn.lock:babel-eslint@^10.1.0:
yarn.lock:  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.1.0.tgz#6968e568a910b78fb3779cdd8b6ac2f479943232"

a whole lot

[idc77]

ergo: get rid of babel-eslint and replace it with @babel/eslint-parser

Meanwhile workaround for Webstorm users: disable eslint.

[cortinico]

ergo: get rid of babel-eslint and replace it with @babel/eslint-parser

Fixed by #34020
Closing