Update app.py

app.py

@@ -42,10 +42,20 @@ def respond(
 
 # Gradio ChatInterface setup with MathJax
 mathjax_script = """
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.11/katex.min.css" integrity="sha384-Um5gpz1odJg5Z4HAmzptBBvMrqERW5Z4icqS+8iu7r5vL20nmpEQ6/6BwYIuL8" crossorigin="anonymous">
-<script defer src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.11/katex.min.js" integrity="sha384-YNHdsYkH6gFf146yyNCToHNauALlYwViumE/lp77cA3E2g8VoECF1Sn4aa/n9I" crossorigin="anonymous"></script>
-<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js" integrity="sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8vo6LrT9HH" crossorigin="anonymous"
-    onload="renderMathInElement(document.body);"></script>
+<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>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    MathJax = {
+        tex: {
+            inlineMath: [['$', '$'], ['\$$', '\\)']]
+        },
+        svg: {
+            fontCache: 'global'
+        }
+    };
+});
+</script>
 """
 demo = gr.ChatInterface(
     respond,