JSFiddle - React, Tailwind, and code Playground

HTML

<script>
MathJax = {
startup: {
		typeset: false,
  },
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']]
  },
  svg: {
    fontCache: 'global'
  }
};
</script>
<script type="text/javascript" id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js">
</script>


<body>
<h1>Click me</h1>
<p>
My favorite equation is $\exp{x}$.
</p>
<p>$$\sum_{i=1}^{\infty} i$$</p>
</body>

JavaScript

document.querySelector("h1").onclick = () => {
	MathJax.typeset()
}