JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML-full"></script>

JavaScript

$( document ).ready( function() {
	var intro = document.createElement( "div" );
    intro.innerHTML = "This is a test of MathJax 2.5 out of DOM rendering. Please make sure you have Fast Preview turned on to see the error. With it off and with SVG or HTML-CSS, it will render correctly, but it will be a lot slower than MathJax 2.4<br><br>";
    document.body.appendChild( intro );
    
    var latex = document.createElement( "div" );
	latex.innerHTML = "\\begin{align*}b &= a^2 - 5a + 3\\end{align*}";

    MathJax.Hub.Queue( [ "Typeset", MathJax.Hub, latex ] );
    MathJax.Hub.Queue( [ show, latex ] );
} );

function show( fragment ) {
    document.body.appendChild( fragment );
}