Empty lines unexpectedly removed in JSX

[k15a]

I am not really sure when this happens but the as you can see in the first example all the additional line break are reduced to one and in the second example the line breaks are completely removed.

Prettier 1.10.2
Playground link

Input:

const children = ({ data, paginationProps }) => (
  <div>
    <p>
      {paginationProps.currentPage} / {paginationProps.totalPages}
    </p>

    <input
      type="number"
      id="specificPage"
      onChange={(event) =>
        paginationProps.goToPage(parseInt(event.target.value, 10))
      }
    />
  </div>
);

const children = ({ data, paginationProps }) => (
  <div>
    {paginationProps.currentPage} / {paginationProps.totalPages}

    <input
      type="number"
      id="specificPage"
      onChange={(event) =>
        paginationProps.goToPage(parseInt(event.target.value, 10))
      }
    />
  </div>
);

Output:

const children = ({ data, paginationProps }) => (
  <div>
    <p>
      {paginationProps.currentPage} / {paginationProps.totalPages}
    </p>

    <input
      type="number"
      id="specificPage"
      onChange={event =>
        paginationProps.goToPage(parseInt(event.target.value, 10))
      }
    />
  </div>
);

const children = ({ data, paginationProps }) => (
  <div>
    {paginationProps.currentPage} / {paginationProps.totalPages}
    <input
      type="number"
      id="specificPage"
      onChange={event =>
        paginationProps.goToPage(parseInt(event.target.value, 10))
      }
    />
  </div>
);

Expected behavior:
I would expect that both cases behave the same way.

[j-f1]

Babel doesn‘t seem to care about any of the whitespace that’s changed. I guess this is “just” a stylistic thing.

[phil-lgr]

I think this only happen IF there is a naked statement in JSX

Without the naked {paginationProps.currentPage} / {paginationProps.totalPages}, the empty lines are preserved