JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.js"></script>
</head>

<body>
<script>
        if (!Object.values) {
            Object.prototype.values = function (obj) {
                return Object.keys(obj).map(function (e) {
                    return obj[e];
                });
            };
        }
    $.when.apply($, [
        // load all the individual components
        "App/components/once/ti-snack-bar/ti-snack-bar.html",
        "App/components/once/ti-not-supported/ti-not-supported.html"
    ].map($.get))
</script>
</body>

</html>