HTML код в JS без кавычек. Как это реализовано в React?

В методе ReactDOM.render React-a мы можем объявлять компоненты сразу HTML кодом. Вот так:

ReactDOM.render(
<div>
    <WebPage />
</div>, 
document.getElementById('fieldToShow'));

Как я понимаю render() - это метод написанный на JS, а HTML передается в него как аргумент функции. Но ведь JS не может оперировать HTML кодом без кавычек. Например, если я напишу следующий код, то само-собой получу ошибку "Unexpected token <":

function test(<div></div>) {}

Также при выводе HTML из JS функции:

function test(){
    return <div></div>
}

У кого-нибудь есть идеи, как это реализовано в React-е?

Можете привести пример кода, позволяющего передавать в JS функцию HTML код в качестве аргумента, при этом не вызывая ошибки компиляции?