Теги на разных строках в JSX

Теги, записываемые в константы, не обязательно писать на одной строке. Можно сделать и так:

function App() {
	const str = <p>
		text
	</p>;
	
	return <div>
		{str}
	</div>;
}

А можно и вот так:

function App() {
	const str = (
		<p>
			text
		</p>
	);
	
	return <div>
		{str}
	</div>;
}

Автор следующего кода хотел записать в константу несколько тегов li и вставить их в ul:

function App() {
	const items = <li>text1</li><li>text2</li><li>text3</li>;
	
	return <ul>
		{items}
	</ul>
}

Код, однако, не работает. Исправьте ошибку автора кода.