Prettier-vscode: Wrong .tsx formatting with fragments

[bazo]

this code

```jsx
import React from "react";

const Buddies = () => <>Buddies;
export default Buddies;
````

after saving becomes this

````jsx
import React from "react";

const Buddies = () => <>"uddie";
export default Buddies;
````

if i use a div instead of a fragment it works ok

prettier ran from command line works ok too

[italomlp]

I am having this problem too. In my case, this code:

<>
  <SafeAreaView style={styles.statusBar} />
  <SafeAreaView style={styles.safeArea}>{children}</SafeAreaView>
</>

Is becoming this:

<>'   '<SafeAreaView style={styles.statusBar} />'   '<SafeAreaView style={styles.safeArea}>{children}</SafeAreaView>' '</>

If I use React.Fragment explicitly, it works, but not with the empty tag.

[HVish]

I am also facing same issue! Following code:

<><div>abc</div></>

becomes:

<>
  ' \' \' \' \' '<div>abc</div>' '
</>

[hibikine]

As a temporary solution, to turn off prettier.eslintIntegration fixes this issue.

settings.json { "prettier.eslintIntegration": false }

[BrunoQuaresma]

any update?

[ntotten]

Duplicate of #870

[github-actions[bot]]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.