JSFiddle - React, Tailwind, and code Playground

HTML

<script type="module">
 import React from 'https://cdn.skypack.dev/[email protected]'
 import ReactDOM from 'https://cdn.skypack.dev/[email protected]'
 import { Button } from 'https://jspm.dev/@material-ui/core'
 /* import { Button, ThemeProvider, theme } from 'http://localhost:9000/@chakra-ui/[email protected]' */
 
/* ReactDOM.render( #__PURE__React.createElement(ThemeProvider, {
  theme: theme
}, #__PURE__React.createElement(Button, {
  variantColor: "teal"
}, "jdsnf")), document.body); */

console.log(React)

console.log(ReactDOM)

console.log(Button)

ReactDOM.render( /*#__PURE__*/React.createElement(Button, {
  variantColor: "teal"
}, "jdsnf"), document.body);

</script>

<div id="output">

</div>