Использование HyperScript внутри файла HTML

Question

Я пишу простые примеры для изучения React.createElement и HyperScript. Для этого внутри HTML-файла я импортировал React и React-DOM.

<!-- Importing react and react-dom -->
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

<script type="text/javascript">
  const rootTwoElement = document.getElementById('root-2')

  const elementTwo = React.createElement('div', {className: 'containerTwo'}, 'Hello World Two')
  ReactDOM.render(elementTwo, rootTwoElement)
</script>

Затем я хотел изменить приведенный выше код, чтобы использовать HyperScript с h:

<!-- =========================================
           React HyperScript
========================================== -->
<div id="root-3"></div>

<!-- Importing react and react-dom -->
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

<script type="text/javascript">
  const rootThreeElement = document.getElementById('root-3')

  const elementThree = h('div', {className: 'containerThree'}, 'Hello World Three')
  ReactDOM.render(elementThree, rootThreeElement)
</script>

Но это не работает:Uncaught ReferenceError:h не определен

Думаю, мне нужно импортировать другую библиотеку, чтобы добавить HyperScript, но я не знаю, что мне импортировать.

Любая помощь?