Incorrect indentation inside inline map function

Prettier 1.14.3 Playground link

Input:

    var w = sites ? null : sites.map(({ node: site }) => (
          <li key={site.lang}>
            <a href={site.url}>{site.name}</a>
          </li>
        ));

Output:

var w = sites
  ? null
  : sites.map(({ node: site }) => (
      <li key={site.lang}>
        <a href={site.url}>{site.name}</a>
      </li>
    ));

Expected behavior: Why indentation before <li> is 2+4=6 symbols? I would expect to see 2+2=4 symbols.

[robyoder]

All of the previous discussions linked above have been locked, unfortunately. We’re running into the same problem as we’re testing out Prettier’s effects. We use tabs, which makes the problem even worse:

Notice that the properties are indented twice with tabs, and the closing braces are indented an extra two spaces. This really bummed us because we wanted to start using Prettier, but this is not prettier.

[lukescott]

Running into the same issue with tabs. The properties are being double indented, which hurts the readability.

The idea behind the rule seems to be that } should align with {. But every other formatting rule involving brackets do not align these (if, for, while, switch, plain object assign statements, etc.). And it’s very specific to the “2 space indent” rule.