JSX: "extract to constant" generates invalid code

[OliverJAsh]

TypeScript Version: 3.3.1

Search Terms: jsx extract constant refactoring quick fix

Code

<Foo><Bar /></Foo>;

when selecting <Bar /> and actioning "extract to constant in enclosing scope"

Expected behavior:

const newLocal = <Bar />;
<Foo>{newLocal}</Foo>;

Actual behavior:

(missing braces)

const newLocal = <Bar />;
<Foo>newLocal</Foo>;

[Lenne231]

When using "Extract to function in module scope" the braces are missing as well.

[DanielRosenwasser]

Thanks @a-tarasyuk!

[OliverJAsh]

This still happens when using fragments: #44249

[a-tarasyuk]

@OliverJAsh Ok, will check

[OliverJAsh]

@a-tarasyuk I think I figured it out: #44252