Возврат функцией пустого тега в JSX

Пусть мы хотим вернуть пустой тег:

function App() {
	return <div></div>;
}

В этом случае код можно сократить вот так:

function App() {
	return <div />;
}

При этом в получившемся HTML коде React автоматические преобразует сокращенную форму в нормальную.

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

function App() {
	return <input><input><input>;
}

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