🐛 Formatting of TSX file may differ from Prettier

[tsteckenborn]

Environment information

Probably not relevant due to the visible differences in the playground.

What happened?

Formatting a TSX file there's a deviation between Prettier Playground and Rome Playground

Input:

import { Footer } from '~/components/Footer';
import { Header } from '~/components/Header';
import { Hero } from '~/components/Hero';

export default function Index() {

  return (
    <>
      <Header />
      <main>
      <Hero />
      </main>
      <Footer />
      </>
  );
}

Expected result

Expected Output:

import { Footer } from "~/components/Footer";
import { Header } from "~/components/Header";
import { Hero } from "~/components/Hero";

export default function Index() {
	return (
		<>
			<Header />
			<main>
				<Hero />
			</main>
			<Footer />
		</>
	);
}

Received Output:

import { Footer } from "~/components/Footer";
import { Header } from "~/components/Header";
import { Hero } from "~/components/Hero";

export default function Index() {
	return <><Header /><main><Hero /></main><Footer /></>;
}

Expected Rome to match Prettier.

Code of Conduct

• [X] I agree to follow Rome's Code of Conduct