React (CRA) broken with eslint 5.x (manual work-around available)

[kiprasmel]

Issue originally reported by @okovalov 🔥

I will:

• attempt upgrading eslint to 6.x.
  Previously I've had numerous issues with the v6; it's time to try again.

• upgrade eslint to 6.x in this config

• take care of related dependencies to match the upgraded version of eslint.

---

Edit:

Manual work-around: #3 (comment):

• upgrade eslint to 6.x in your react app manually, and
• append --ext js,jsx,ts,tsx every time you call eslint, since v6 seems to require it -- see Upgrading to eslint v6 requires --ext js,jsx,ts,tsx to lint anything other than js #4

See also https://github.com/sarpik/eslint-config-sarpik#with-create-react-app

[kiprasmel]

React (from CRA) works with eslint v6 (which solves this issue - upgrade eslint to v6 in your react app and see #4),

but then - standalone files from the global ~/.eslintrc.js config do not work:

$ eslint --ext js,jsx,ts,tsx ~/foo.js

Oops! Something went wrong! :(

ESLint: 6.8.0.

ESLint couldn't find the config "airbnb" to extend from. Please check that the name of the config is correct.

The config "airbnb" was referenced from the config file in "/home/kipras/.eslintrc.js".

If you still have problems, please stop by https://gitter.im/eslint/eslint to chat with the team.

this kinda sucks:D Any thoughts anyone?

I've taken a look at similar forks with typescript support, namely https://github.com/onepassapp/eslint-config-onepass, and they have the same issue as of writing this.

---

Edit:

I'm thinking about having two separate releases:

• the eslint-config-sarpik one which has eslint as 5.x, and
• the eslint-config-sarpik@eslint6, which would have eslint v 6.x and would be used for react projects etc.

Because I don't currently think that I can make eslint work with both a global setup & a react project.

[kiprasmel]

Update: I've just tried setting up CRA again, and everything worked fine with eslint 5.x - da hek?
I know that today I've came into the issue somehow, but now i'ts gone..

Will update this soon.

---

Edit:

Nevermind, eslint does work, but then react itself does not:D

Keeping this solution as is until we find something better.