Unnecessary braces when autocompleting JSX props

[cknitt]

Example:

type myVariant = AAAAA | BBBBB

module MyComponent = {
  @react.component
  let make = (~x: myVariant) => (x :> string)->React.string
}

<MyComponent x=

Autcomplete correctly suggests AAAAA and BBBBB. When I select AAAAA, I get

<MyComponent x={AAAAA}

The braces are unnecessary here, so I usually remove them again manually to get

<MyComponent x=AAAAA

[shulhi]

I actually prefer having curly braces, mostly because of how it is in React JS.

[zth]

Yeah this is actually intentional, and it's to be uniform (can always have braces, can not always not have braces). Plus, make it easier to change the expression. If you add a pipe to AAAAA in the example above you'll need to wrap with braces anyway or you get a somewhat non obvious syntax error.

[cknitt]

In my perception, this just adds visual noise.

But if we want to standardize on having the braces because that's how it is in React JS, then maybe

<MyComponent x=AAAAA

actually should be reformatted to

<MyComponent x={AAAAA}

?

[shulhi]

In my perception, this just adds visual noise.

But if we want to standardize on having the braces because that's how it is in React JS, then maybe

<MyComponent x=AAAAA
actually should be reformatted to

<MyComponent x={AAAAA}
?

I can add this to the formatter to always add braces if we decided that we should do it this way.