JSX spread operator syntax error on the flow parser

[vjeux]

Prettier 1.10.2
Playground link

--parser flow

Input:

<JSX>
  {...edges}
</JSX>

Output:

SyntaxError: Unexpected token ... (2:4)
  1 | <JSX>
> 2 |   {...edges}
    |    ^^^
  3 | </JSX>

It works in babylon, so my guess is that we just need to upgrade flow and it should just go away.

[j-f1]

What does this even do? the Babel 6 REPL passes the spread through unchanged, even in ES5 mode. Babel can’t parse the result in standards mode, either.

[vjeux]

I have some more context. In React currently we don't need to use ... because the type of a child in React is either an object or an array of objects. We're playing around with a version of React that doesn't handle arrays and you've got to manually spread in order to get the same behavior. We have a custom jsx transform step for it.

It's unclear at this point if we are going to move forward with it but the latest version of both flow and babylon are parsing it so it shouldn't be a burden on prettier to print it.

[mroch]

facebook/jsx#57

It's part of JSX now