What does "extend react/jsx-runtime in your eslint config to disable the relevant rules" mean?

[jcollum]

I can't tell if I'm missing something or those instructions are unclear. To me that means:

1. go to your eslintrc.js file
2. find the extends array
3. add the string "react/jsx-runtime" to that array

But I tried that and I got

ESLint: 7.32.0

ESLint couldn't find the config "react/jsx-runtime" to extend from. Please check that the name of the config is correct.

Tried "plugin:react/jsx-runtime" and it worked, but the docs don't say anything about it being a plugin. Docs are a little confusing here.

[ljharb]

that is a fair criticism; i'll tweak the instructions.

[ljharb]

Hopefully that change would have cleared it up for you?

[jcollum]

Yes, thanks, quick turnaround too!

…

On Thu, Aug 26, 2021 at 4:47 PM Jordan Harband ***@***.***> wrote: Hopefully that change would have cleared it up for you? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#3052 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAFMAATF4PBI7ZEKLX3AK4TT63HBBANCNFSM5C4L6NCQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.

[pgarciacamou]

I just want to leave a note for other people.

If you are encountering that adding plugin:react/jsx-runtime doesn't work. Make sure it is added after plugin:react/recommended in the extends array.

[dcherino]

I just want to leave a note for other people.

If you are encountering that adding plugin:react/jsx-runtime doesn't work. Make sure it is added after plugin:react/recommended in the extends array.

Thanks for this.
I would like also to add that if you are using 'airbnb-typescript', you need to make sure to add it after this one too.

[chetbox]

For anyone stuck, I also had to update eslint-plugin-react:

yarn add --dev eslint-plugin-react