title: Why does my linting configuration for a React app want double quotes instead of single?
body: <p>I am having trouble diagnosing an oddity in my linting configuration. It wants me to use double quotes, which I wouldn't necessarily mind, but I can't understand <em>why</em> because as far as I can tell all my rules want singles.</p>
  <p>This is for a React app. My setup uses ESLint with Airbnb and Prettier. I installed packages according to tutorials and the documentation for the involved plugins. I am editing with VSCode.</p>
  <p>I have the following relevant packages in <code>package.json</code> (in project root):</p>
  <pre class="lang-json prettyprint-override"><code>    &quot;eslint&quot;: &quot;^5.16.0&quot;,
      &quot;eslint-config-airbnb&quot;: &quot;^17.1.0&quot;,
      &quot;eslint-config-prettier&quot;: &quot;^4.3.0&quot;,
      &quot;eslint-import-resolver-webpack&quot;: &quot;^0.11.1&quot;,
      &quot;eslint-plugin-import&quot;: &quot;^2.17.2&quot;,
      &quot;eslint-plugin-jsx-a11y&quot;: &quot;^6.2.1&quot;,
      &quot;eslint-plugin-prettier&quot;: &quot;^3.1.0&quot;,
      &quot;eslint-plugin-react&quot;: &quot;^7.13.0&quot;,
      &quot;prettier&quot;: &quot;^1.17.1&quot;,
  </code></pre>
  <p>And I have the following in <code>.eslintrc.json</code> (also in the project root). This includes some custom rules I have specified for my project.</p>
  <pre class="lang-js prettyprint-override"><code>{
      &quot;extends&quot;: [&quot;airbnb&quot;, &quot;prettier&quot;, &quot;prettier/react&quot;],
      &quot;plugins&quot;: [&quot;react&quot;, &quot;jest&quot;, &quot;prettier&quot;],
      &quot;rules&quot;: {
          &quot;react/jsx-filename-extension&quot;: [
              1,
              {
                  &quot;extensions&quot;: [&quot;.js&quot;, &quot;jsx&quot;]
              }
          ],
          &quot;prettier/prettier&quot;: &quot;error&quot;,
          &quot;class-methods-use-this&quot;: 0,
          &quot;no-else-return&quot;: 0,
          &quot;no-plusplus&quot;: [2, { &quot;allowForLoopAfterthoughts&quot;: true }],
          &quot;no-param-reassign&quot;: 0,
          &quot;no-use-before-define&quot;: [&quot;error&quot;,  { &quot;functions&quot;: false }],
          &quot;import/no-named-as-default&quot;: 0
  </code></pre>
  <p>My primary question: why does it show single quotes as errors?</p>
  <p>Is this due to a rule somewhere in my configuration that I am unaware of? Did I fail to include one of the plugins properly?</p>
  <p>I know some rules might want double quotes in JSX, but this complains about double quotes <em>anywhere</em>.</p>
  <p>Currently, I am not using any <code>.jsx</code> files.</p>
  <p>Screenshots:</p>
  <p><img src="https://i.imgur.com/Bdak2Md.png" alt="example1" /></p>
  <p><img src="https://i.imgur.com/IweZ0M1.png" alt="example2" /></p>
  <p><a href="https://github.com/cdpautsch/react-learning-area/tree/master/test-app2" rel="nofollow noreferrer">Complete project on GitHub</a></p>
  <p>[Edit 6/3/19] I might have found some info, but I'm still a little confused... Reading the <a href="https://github.com/prettier/eslint-config-prettier#quotes" rel="nofollow noreferrer"><code>eslint-config-prettier</code> documentation</a>, does this mean that double quotes are actually the default? But according to official <a href="https://prettier.io/docs/en/options.html#quotes" rel="nofollow noreferrer">Prettier docs</a>, single quotes should be the default, right? Am I reading this right?</p>