problematic jsx auto-formatting

.eslintrc

{
  "env": {
    "browser": true,
    "node": true,
    "es6": true,
    "jest": true
  },

  parserOptions: {
      ecmaVersion: 6,
      ecmaFeatures: {
          jsx: true
      },
      sourceType: "module"
  },

  "plugins": [
    "react"
  ],

  "rules": {
    "react/display-name": 0,
    "react/no-danger": 1,
    "react/no-deprecated": 1,

    "react/no-direct-mutation-state": 1,
    "react/no-is-mounted": 1,
    "react/no-multi-comp": 1,
    "react/no-string-refs": 1,
    "react/no-unknown-property": 1,
    "react/prop-types": 1,
    "react/react-in-jsx-scope": 1,
    "react/require-extension": 1,
    "react/self-closing-comp": 1,
    "react/sort-comp": 1,
    "react/sort-prop-types": 1,
    "react/wrap-multilines": 1,
    "react/no-did-mount-set-state": [1, "allow-in-func"],
    "react/no-did-update-set-state": [1, "allow-in-func"],
    "react/jsx-boolean-value": 1,
    "react/jsx-closing-bracket-location": [1, "tag-aligned"],
    "react/jsx-curly-spacing": [2, "never"],
    "react/jsx-equals-spacing": [2, "never"],
    "react/jsx-handler-names": [1, {
      "eventHandlerPrefix": "handle",
      "eventHandlerPropPrefix": "on"
    }],
    "react/jsx-key": 1,
    "react/jsx-max-props-per-line": [1, { "maximum": 4 }],
    "react/jsx-no-duplicate-props": 1,
    "react/jsx-no-undef": 1,
    "react/jsx-pascal-case": 1,
    "react/jsx-sort-props": 1,
    "react/jsx-space-before-closing": [1, "always"],
    "react/jsx-uses-react": 1,
    "react/jsx-uses-vars": 1,

    "jsx-quotes": [2, "prefer-double"],

    // project specific
    "react/jsx-indent-props": [1, 2],
    "react/jsx-indent": [1, 2],
    "indent": [2, 2],

    ////////// Possible Errors //////////

    "comma-dangle": 1,         // disallow trailing commas in object literals
    "no-cond-assign": 1,          // disallow assignment in conditional expressions
    "no-console": 1,              // disallow use of console (off by default in the node environment)
    "no-constant-condition": 1,   // disallow use of constant expressions in conditions
    "no-control-regex": 1,        // disallow control characters in regular expressions
    "no-debugger": 1,             // disallow use of debugger
    "no-dupe-keys": 1,            // disallow duplicate keys when creating object literals
    "no-empty": 1,                // disallow empty statements
    "no-empty-character-class": 1,          // disallow the use of empty character classes in regular expressions
    "no-ex-assign": 1,            // disallow assigning to the exception in a catch block
    "no-extra-boolean-cast": 1,   // disallow double-negation boolean casts in a boolean context
    "no-extra-parens": 0,         // disallow unnecessary parentheses (off by default)
    "no-extra-semi": 1,           // disallow unnecessary semicolons
    "no-func-assign": 1,          // disallow overwriting functions written as function declarations
    "no-inner-declarations": 1,   // disallow function or variable declarations in nested blocks
    "no-invalid-regexp": 1,       // disallow invalid regular expression strings in the RegExp constructor
    "no-irregular-whitespace": 1, // disallow irregular whitespace outside of strings and comments
    "no-negated-in-lhs": 1,       // disallow negation of the left operand of an in expression
    "no-obj-calls": 1,            // disallow the use of object properties of the global object (Math and JSON) as functions
    "no-regex-spaces": 1,         // disallow multiple spaces in a regular expression literal
    "no-sparse-arrays": 1,        // disallow sparse arrays
    "no-unreachable": 1,          // disallow unreachable statements after a return, throw, continue, or break statement
    "use-isnan": 1,               // disallow comparisons with the value NaN
    "valid-jsdoc": 1,             // Ensure JSDoc comments are valid (off by default)
    "valid-typeof": 1,            // Ensure that the results of typeof are compared against a valid string


    ////////// Best Practices //////////

    "block-scoped-var": 1,      // treat var statements as if they were block scoped (off by default)
    "complexity": 1,            // specify the maximum cyclomatic complexity allowed in a program (off by default)
    "consistent-return": 1,     // require return statements to either always or never specify values
    "curly": 1,                 // specify curly brace conventions for all control statements
    "default-case": 0,          // require default case in switch statements (off by default)
    "dot-notation": 1,          // encourages use of dot notation whenever possible
    "eqeqeq": 1,                // require the use of === and !==
    "guard-for-in": 1,          // make sure for-in loops have an if statement (off by default)
    "no-alert": 1,              // disallow the use of alert, confirm, and prompt
    "no-caller": 1,             // disallow use of arguments.caller or arguments.callee
    "no-div-regex": 1,          // disallow division operators explicitly at beginning of regular expression (off by default)
    "no-else-return": 1,        // disallow else after a return in an if (off by default)
    "no-labels": [2, {"allowLoop": true, "allowSwitch": true}],
    "no-eq-null": 1,            // disallow comparisons to null without a type-checking operator (off by default)
    "no-eval": 1,               // disallow use of eval()
    "no-extend-native": 1,      // disallow adding to native types
    "no-extra-bind": 1,         // disallow unnecessary function binding
    "no-fallthrough": 1,        // disallow fallthrough of case statements
    "no-floating-decimal": 1,   // disallow the use of leading or trailing decimal points in numeric literals (off by default)
    "no-implied-eval": 1,       // disallow use of eval()-like methods
    "no-iterator": 1,           // disallow usage of __iterator__ property
    "no-lone-blocks": 1,        // disallow unnecessary nested blocks
    "no-loop-func": 1,          // disallow creation of functions within loops
    "no-multi-spaces": 0,       // disallow use of multiple spaces
    "no-multi-str": 1,          // disallow use of multiline strings
    "no-native-reassign": 1,    // disallow reassignments of native objects
    "no-new": 1,                // disallow use of new operator when not part of the assignment or comparison
    "no-new-func": 1,           // disallow use of new operator for Function object
    "no-new-wrappers": 1,       // disallows creating new instances of String, Number, and Boolean
    "no-octal": 1,              // disallow use of octal literals
    "no-octal-escape": 1,       // disallow use of octal escape sequences in string literals, such as var foo = "Copyright \251";
    "no-process-env": 1,        // disallow use of process.env (off by default)
    "no-proto": 1,              // disallow usage of __proto__ property
    "no-redeclare": 1,          // disallow declaring the same variable more then once
    "no-return-assign": 1,      // disallow use of assignment in return statement
    "no-script-url": 1,         // disallow use of javascript: urls.
    "no-self-compare": 1,       // disallow comparisons where both sides are exactly the same (off by default)
    "no-sequences": 1,          // disallow use of comma operator
    "no-unused-expressions": 1, // disallow usage of expressions in statement position
    "no-void": 1,               // disallow use of void operator (off by default)
    "no-warning-comments": 1,   // disallow usage of configurable warning terms in comments, e.g. TODO or FIXME (off by default)
    "no-with": 1,               // disallow use of the with statement
    "radix": 1,                 // require use of the second argument for parseInt() (off by default)
    "vars-on-top": 1,           // requires to declare all vars on top of their containing scope (off by default)
    "wrap-iife": 1,             // require immediate function invocation to be wrapped in parentheses (off by default)
    "yoda": 1,                  // require or disallow Yoda conditions


    ////////// Strict Mode //////////

    "global-strict": 0,   // (deprecated) require or disallow the "use strict" pragma in the global scope (off by default in the node environment)
    "no-extra-strict": 0, // (deprecated) disallow unnecessary use of "use strict"; when already in strict mode
    "strict": 0,          // controls location of Use Strict Directives


    ////////// Variables //////////

    "no-catch-shadow": 1,             // disallow the catch clause parameter name being the same as a variable in the outer scope (off by default in the node environment)
    "no-delete-var": 1,               // disallow deletion of variables
    "no-label-var": 1,                // disallow labels that share a name with a variable
    "no-shadow": 1,                   // disallow declaration of variables already declared in the outer scope
    "no-shadow-restricted-names": 1,  // disallow shadowing of names such as arguments
    "no-undef": 1,                    // disallow use of undeclared variables unless mentioned in a /*global */ block
    "no-undef-init": 1,               // disallow use of undefined when initializing variables
    "no-undefined": 1,                // disallow use of undefined variable (off by default)
    "no-unused-vars": 1,              // disallow declaration of variables that are not used in the code
    "no-use-before-define": [1, "nofunc"],        // disallow use of variables before they are defined


    ////////// Node.js //////////

    "handle-callback-err": 1,   // enforces error handling in callbacks (off by default) (on by default in the node environment)
    "no-mixed-requires": 1,     // disallow mixing regular variable and require declarations (off by default) (on by default in the node environment)
    "no-new-require": 1,        // disallow use of new operator with the require function (off by default) (on by default in the node environment)
    "no-path-concat": 1,        // disallow string concatenation with __dirname and __filename (off by default) (on by default in the node environment)
    "no-process-exit": 1,       // disallow process.exit() (on by default in the node environment)
    "no-restricted-modules": 1, // restrict usage of specified node modules (off by default)
    "no-sync": 1,               // disallow use of synchronous methods (off by default)


    ////////// Stylistic Issues //////////

    "brace-style": 1,               // enforce one true brace style (off by default)
    "camelcase": 1,                 // require camel case names
    "comma-spacing": 1,             // enforce spacing before and after comma
    "comma-style": 1,               // enforce one true comma style (off by default)
    "consistent-this": 1,           // enforces consistent naming when capturing the current execution context (off by default)
    "eol-last": 1,                  // enforce newline at the end of file, with no multiple empty lines
    "func-names": 1,                // require function expressions to have a name (off by default)
    "func-style": 0,                // enforces use of function declarations or expressions (off by default)
    "key-spacing": 1,               // enforces spacing between keys and values in object literal properties
    "max-nested-callbacks": 1,      // specify the maximum depth callbacks can be nested (off by default)
    "new-cap": [ 1, { "newIsCap": true, capIsNew: false } ], // require a capital letter for constructors
    "new-parens": 1,                // disallow the omission of parentheses when invoking a constructor with no arguments
    "no-array-constructor": 1,      // disallow use of the Array constructor
    "no-inline-comments": 0,        // disallow comments inline after code (off by default)
    "no-lonely-if": 1,              // disallow if as the only statement in an else block (off by default)
    "no-mixed-spaces-and-tabs": 1,  // disallow mixed spaces and tabs for indentation
    "no-multiple-empty-lines": 1,   // disallow multiple empty lines (off by default)
    "no-nested-ternary": 1,         // disallow nested ternary expressions (off by default)
    "no-new-object": 1,             // disallow use of the Object constructor
    "semi-spacing": 1,              // disallow space before semicolon
    "no-spaced-func": 1,            // disallow space between function identifier and application
    "no-ternary": 0,                // disallow the use of ternary operators (off by default)
    "no-trailing-spaces": 1,        // disallow trailing whitespace at the end of lines
    "no-underscore-dangle": 0,      // disallow dangling underscores in identifiers
    "one-var": 0,                   // allow just one var statement per function (off by default)
    "operator-assignment": 1,       // require assignment operator shorthand where possible or prohibit it entirely (off by default)
    "padded-blocks": 0,             // enforce padding within blocks (off by default)
    "quote-props": 0,               // require quotes around object literal property names (off by default)
    "quotes": [1, "single", "avoid-escape"], // specify whether double or single quotes should be used
    "semi": [2, "never"],           // require or disallow use of semicolons instead of ASI
    "sort-vars": 0,                 // sort variables within the same declaration block (off by default)
    "space-before-function-paren": 1, // require a space after function names (off by default)
    "space-before-blocks": 1,       // require or disallow space before blocks (off by default)
    "object-curly-spacing": 1,
    "array-bracket-spacing": 1,
    "computed-property-spacing": 1,
    "space-in-parens": 1,           // require or disallow spaces inside parentheses (off by default)
    "space-infix-ops": 1,           // require spaces around operators
    "space-unary-ops": 1,           // Require or disallow spaces before/after unary operators (words on by default, nonwords off by default)
    "spaced-comment": 1,
    "wrap-regex": 1,                // require regex literals to be wrapped in parentheses (off by default)
    "keyword-spacing": [2, {"before": true, "after": true, "overrides": {}}],

    ////////// ECMAScript 6 //////////

    "no-var": 0,          // require let or const instead of var (off by default)
    "generator-star": 0,  // enforce the position of the * in generator functions (off by default)


    ////////// Legacy //////////

    "max-depth": 0,       // specify the maximum depth that blocks can be nested (off by default)
    "max-len": 0,         // specify the maximum length of a line in your program (off by default)
    "max-params": 0,      // limits the number of parameters that can be used in the function declaration. (off by default)
    "max-statements": 0,  // specify the maximum number of statement allowed in a function (off by default)
    "no-bitwise": 1,      // disallow use of bitwise operators (off by default)
    "no-plusplus": 1      // disallow use of unary operators, ++ and -- (off by default)
  }
}