Possible to configure ESLint?

[rdmurphy]

❔ Question

Is it currently possible to configure ESLint at all? I can see that it's running, but its options don't appear in the VSCode preferences. I'm trying to find a way to change how it treats React pragma (so it doesn't consider preact's h to be "unused") but so far I've had no luck! I've tried to add my own .eslintrc.json but it didn't seem to take.

Link to sandbox: link

[agubler]

@CompuIves I have the same question, I am getting eslint errors in Dojo sandboxes for valid syntax.

Link to sandbox: link

[CompuIves]

Yep! We definitely want to support it, I was playing a bit with making that work before. I thought the "easiest" way would be to start supporting the eslint extension of VSCode, which handles the configuration resolving automatically. The challenge right now is that we need to install all custom eslint plugins that are defined in package.json, that's the last thing needed to make it work methinks.

[CompuIves]

I think your issue @agubler will be fixed with this! #1991

[agubler]

Awesome thanks @CompuIves 🎉

[jsejcksn]

Is this on a roadmap? Is there a CodeSandbox roadmap somewhere?

[rob2d]

@jsejcksn seems like #1991 was merged in but just needs explicit configuration added to CodeSandbox -- unless I'm missing something. Would also love to see this as needing === is not preferred for some people's preferences.

[dougllima]

Any news about this? How to configure this or anything like that.

[ecraig12345]

Any progress here @CompuIves? I'm getting false positives with eslint no-undef in my sandbox due to the lack of eslint/TS integration. The ability to have a custom eslint config or even disable eslint entirely would also be acceptable workarounds. (I'd rather not disable it manually in every file.)

[ecraig12345]

@NickCarducci That’s not eslint doing the formatting, that’s Prettier. You should be able to put a prettier-ignore comment above the line you don’t want formatted using the syntax you described (though finding exactly the right place to put it to get the effect you want can be challenging).

[FrankSandqvist]

I found a decent workaround so far by just disabling specific rules at the top of my files
/* eslint-disable no-undef, no-unused-vars */

[allforabit]

This doesn't work for create react app apps as far as I can see. It's literally just that one rule that I want to disable!

[SaraVieira]

Hey!

This was never implemented at least until now, you will still need to do a workaround like @FrankSandqvist mentioned