📝 Wrapped JSX Expressions in Arrow Chains should be parenthesized

[faultyserver]

Description

Playground Link

// Biome Output
import("./AFileName").then(
  ({ default: TheFileComponent }) =>
    (componentProps) =>
      <TheFileComponent {...componentProps} {...otherProps} />,
);


// Prettier Output
import("./AFileName").then(
  ({ default: TheFileComponent }) =>
    (componentProps) => (
      <TheFileComponent {...componentProps} {...otherProps} />
    ),
);

Arrow chains are almost entirely compatible with Prettier, this seems like the last remaining difference, where JSX expressions that break onto a separate line should get parenthesized, but Biome just puts them on the next line.

Interestingly, it looks like the IR for these is pretty identical between Prettier and Biome, so I think this could be related to what #917 tried to fix. The JSX expression gets interned as part of the BestFitting variants, and I think it's assuming that it won't break, so the if_group_breaks format element doesn't end up rendering the parentheses.

But it could also just be that the if_group_breaks is looking at the wrong group. The JSX expression itself is on a single line, but the parent obviously breaks.

[faultyserver]

A simplified, but slightly different test case: Playground Link.

((C) => (props) => <C {...props} />);
(({C}) => (props) => <C {...props} />);

// Prettier output
(C) => (props) => <C {...props} />;
({ C }) =>
	(props) => <C {...props} />;

// Biome output
(C) => (props) => <C {...props} />;
({ C }) =>
	(props) =>
		<C {...props} />;