How to disable eslint(prettier/prettier) single quotes error

Question

I have react-native code. I install ESLint. I use it but its show error.

While I use single quotes it show me error

Replace 'react-native' with "react-native" eslint(prettier/prettier)

And when I use double qoutes it show me another error

String must use singlequote. eslint(quotes)

here is the screenshot:

What i want is, how to remove error messages about using single quotes? I prefer using single quotes instead double quotes.

Answer 1

In addition to @Barmar answer, you could also use prettier configuration on a .eslintrc.js file using the following, property:

rules: {
    // ...
    'prettier/prettier': ['error', { singleQuote: true }]
  }

Answer 2

The two answers here helped me get to the solution that worked for me. In my .eslintrc file, I added the following:

"rules": {
  "prettier/prettier": ["error", { "singleQuote": true }]
}

Answer 3

In your ESLint configuration you want:

quotes: [2, "single"]

In you Pretty configuration you want:

single-quote: true

You should also be consistent in your use of quotes, so you should use single quotes in the second import line:

import App from './App';

Answer 4

In my case I needed to implement the changes suggest above AND press CMD + SHIFT + P and select "Reload Window" to reload VS Code for the changes to take effect.

Answer 5

None of the solutions worked for me so in my .eslintrc.js file, I replaced the following line:

extends: "@react-native-community",

With:

extends: ["@react-native-community", "prettier"],

This is what my .eslintrc.js file looks like now:

module.exports = {
  root: true,
  extends: ["@react-native-community", "prettier"],
};