Закрытость тегов JSX

Все теги в JSX должны быть закрыты, в том числе теги, которые не требуют пары, например, input или br.

Следующий пример кода выдаст ошибку, так как инпут не закрыт:

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

Закроем его с помощью обратного слеша:

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

Функция в вашем основном компоненте сейчас должна выглядеть следующим образом:

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