JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://beta.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML-full"></script>
<script src="http://fonts.googleapis.com/css?family=Lato"></script>
<p>Here is many math expressions chunked into a single align-block.</p>
<p>By default, only expressions with a label will be numbered.</p>
<p>Each expression is implicitly assumed to only take up one line, and does not need to end with the line-break command.</p>
<p>
<span class="math scholmd-math-display" style="display: block;">\[
\begin{align}
\nonumber \widetilde{M_\omega}(\mathbf{G},\mathbf{Q};\mathbf{P&#39;}) &amp;= \mathbf{K}\big[(\mathbf{GQ} + \mathbf{GRP&#39;})\\
\label{eq:1stTerm} &amp;\quad+\mathbf{GRK_c}(\mathbf{GQ} + \mathbf{GRP&#39;})\\
\label{eq:2ndTerm} &amp;\quad+\mathbf{GRK_c}\left(\mathbf{GRK_c}(\mathbf{GQ} + \mathbf{GRP&#39;})\right)\\
\nonumber &amp;\quad+\mathcal{O}(\mathbf{G}^4)\big]\\
\label{eq:inftySeries} &amp;:= \mathbf{K}\sum_{n=0}^{\infty}\left(\mathbf{GRK_c}\right)^n \left(\mathbf{GQ+GRP&#39;}\right).
\end{align}
\]</span>
</p>

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
    TeX: {
        TagSide: "left",
        equationNumbers: {
            autoNumber: "AMS"
        }
    },
    "HTML-CSS": { 
        matchFontHeight: false,
        availableFonts: ["TeX"], 
        preferredFont: "TeX",
        webFont: "TeX",
    }
});
</script>