---
source: crates/rome_formatter_test/src/snapshot_builder.rs
info:
  test_file: jsx/new-lines.jsx
---

# Input

```jsx


x = (
	<div>
		<div>First</div>,<div>Second</div>
	</div>
);

x = (
	<div>
		<div>First</div>,
		<div>Second</div>
	</div>
);

x = (
	<div>
		<div>First</div>
		,<div>Second</div>
	</div>
);

function Component() {
	return (
		<>
			<span>text</span>.<br />
		</>
	);
}

let myDiv1 = ReactTestUtils.renderIntoDocument(
	<div1>
		<div key="theDog" className="dog" />,<di key="theBird" className="bird" />
	</div1>
);


let myDiv2 = ReactTestUtils.renderIntoDocument(
	<div1>
		<div key="theDog" className="dog" />
		,<di key="theBird" className="bird" />
	</div1>
);

let myDiv3 = ReactTestUtils.renderIntoDocument(
	<div1>
		<div key="theDog" className="dog" />,
		<di key="theBird" className="bird" />
	</div1>
);

```


=============================

# Outputs

## Output 1

-----
Indent style: Tab
Line width: 80
Quote style: Double Quotes
Quote properties: As needed
Trailing comma: All
Semicolons: Always
-----

```jsx
x = (
	<div>
		<div>First</div>,<div>Second</div>
	</div>
);

x = (
	<div>
		<div>First</div>,<div>Second</div>
	</div>
);

x = (
	<div>
		<div>First</div>,<div>Second</div>
	</div>
);

function Component() {
	return (
		<>
			<span>text</span>.<br />
		</>
	);
}

let myDiv1 = ReactTestUtils.renderIntoDocument(
	<div1>
		<div key="theDog" className="dog" />,<di key="theBird" className="bird" />
	</div1>,
);

let myDiv2 = ReactTestUtils.renderIntoDocument(
	<div1>
		<div key="theDog" className="dog" />
		,<di key="theBird" className="bird" />
	</div1>,
);

let myDiv3 = ReactTestUtils.renderIntoDocument(
	<div1>
		<div key="theDog" className="dog" />,
		<di key="theBird" className="bird" />
	</div1>,
);
```