JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/prop-types@15.5.10/prop-types.js"></script>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="root"></div>
<div id="test-1">Hello World</div>

Babel + JSX

const Test = () => 'Hello World';
const Root = () => ReactDOM.createPortal(
	<Test />,
  document.getElementById('test-1')
);

ReactDOM.hydrate(<Root />, document.getElementById('root'));