MathJax in _Layout.cshtml and asciiMath in index.razor

[Dr. Dayal D. Purohit]

I have thie following in _Layout.cshtml:

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

and the following::

<!-- Inline math -->
<p>This is an example of an inline equation: \( e^{i\pi} + 1 = 0 \).</p>

<!-- Display math -->
<div>
    <p>This is an example of a display equation:</p>
    \[
    \int_{-\infty}^{\infty} e^{-x^2} \, dx = \sqrt{\pi}
    \]
</div>

in index.razor

The MathJax is not rendering. What am I doing wrong?