title: ESLint Extra Parentheses In JSX
body: <p>I've noticed that extra parentheses are getting added to my multi-line conditional renders using logical AND (&amp;&amp;) in my jsx files. For example, this code from the React docs...</p>
  
  <pre><code>{unreadMessages.length &gt; 0 &amp;&amp;
    &lt;h2&gt;
      You have {unreadMessages.length} unread messages.
    &lt;/h2&gt;
  }
  </code></pre>
  
  <p>...would get modified as follows:</p>
  
  <pre><code>{unreadMessages.length &gt; 0 &amp;&amp; (
    &lt;h2&gt;
      You have {unreadMessages.length} unread messages.
    &lt;/h2&gt;
  )}
  </code></pre>
  
  <p><a href="https://github.com/OriginProtocol/origin-dapp/blob/master/package.json#L108-L181" rel="nofollow noreferrer">Here is my ESLint config</a>:</p>
  
  <pre><code>"eslintConfig": {
    "root": true,
    "parser": "babel-eslint",
    "parserOptions": {
      "ecmaVersion": 6,
      "sourceType": "module",
      "ecmaFeatures": {
        "jsx": true,
        "impliedStrict": true
      }
    },
    "env": {
      "browser": true,
      "node": true,
      "es6": true,
      "mocha": true
    },
    "plugins": [
      "react"
    ],
    "extends": [
      "eslint:recommended",
      "plugin:react/recommended"
    ],
    "rules": {
      "computed-property-spacing": [
        "error"
      ],
      "indent": [
        "error",
        2
      ],
      "jsx-quotes": [
        "error"
      ],
      "key-spacing": [
        "error"
      ],
      "no-case-declarations": [
        "off"
      ],
      "no-console": [
        "off"
      ],
      "no-var": [
        "error"
      ],
      "object-curly-spacing": [
        "error",
        "always"
      ],
      "prefer-const": [
        "error"
      ],
      "quotes": [
        "error",
        "single",
        {
          "avoidEscape": true,
          "allowTemplateLiterals": true
        }
      ],
      "react/no-children-prop": "off",
      "react/prop-types": "off",
      "semi": [
        "error",
        "never"
      ]
    }
  }
  </code></pre>
  
  <p>Have I inadvertently caused this, or is there a good reason for it? If not, how can I prevent this? It seems like overkill to <a href="https://eslint.org/docs/rules/no-extra-parens#disallow-unnecessary-parentheses-no-extra-parens" rel="nofollow noreferrer">disallow unnecessary parentheses</a>.</p>