Inconsistency in single line jsx components

Here is a single line component, wrapped in parentheses: prettier playground

const FormError = ({ error }) => (
  <p>I am a very very very very very very long text</p>
)

Here is the same component with another contents, the parentheses are gone: prettier playground

const FormError = ({ error }) =>
  error || <p>I am a very very very very very very long text</p>

Prettier 1.6.1

[rattrayalex]

Another possible solution:

const FormError = ({ error }) => error || (
  <p>I am a very very very very very very long text</p>
)

[rattrayalex]

Just to isolate, thoughts on this?

const FormError = ({ error }) => 
  error || (
    <p>I am a very very very very very very long text</p>
  )