From 19e775737ceed42584e261879086fb3f01ebbbf6 Mon Sep 17 00:00:00 2001
From: Mehak Nasir <67791278+mehaknasir@users.noreply.github.com>
Date: Wed, 25 Jan 2023 16:14:36 +0500
Subject: [PATCH] fix: output format changed for mathjax script (#417)

---
 public/index.html             | 3 +--
 src/components/HTMLLoader.jsx | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/public/index.html b/public/index.html
index e5c8107f..fbb12a47 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,7 +12,6 @@
     <script type="text/x-mathjax-config">
       MathJax.Hub.Config({
         extensions: ["tex2jax.js"],
-        jax: ["input/TeX", "output/HTML-CSS"],
         tex2jax: {
           inlineMath: [
             ['$', '$'],
@@ -35,7 +34,7 @@
       });
     </script>
     <script type="text/javascript"
-            src="https://cdn.jsdelivr.net/npm/mathjax@2.7.7/MathJax.js?config=TeX-MML-AM_HTMLorMML">
+            src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_SVG">
     </script>
     <script type="text/javascript">
       MathJax.Hub.Configured()
diff --git a/src/components/HTMLLoader.jsx b/src/components/HTMLLoader.jsx
index e38fdd32..2cb64734 100644
--- a/src/components/HTMLLoader.jsx
+++ b/src/components/HTMLLoader.jsx
@@ -28,7 +28,7 @@ const baseConfig = {
 };
 
 const defaultSanitizeOptions = {
-  USE_PROFILES: { html: true, mathMl: true },
+  USE_PROFILES: { html: true },
   ADD_ATTR: ['columnalign'],
 };
 
@@ -36,7 +36,7 @@ function HTMLLoader({ htmlNode, componentId, cssClassName }) {
   const [loadingState, setLoadingState] = useState(window.MathJax ? 'loaded' : 'loading');
   const sanitizedMath = DOMPurify.sanitize(htmlNode, { ...defaultSanitizeOptions });
   const previewRef = useRef();
-  const mathjaxScript = 'https://cdn.jsdelivr.net/npm/mathjax@2.7.7/MathJax.js?config=TeX-MML-AM_HTMLorMML';
+  const mathjaxScript = 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_SVG';
 
   useEffect(() => {
     let mathjaxScriptTag = document.querySelector(`script[src="${mathjaxScript}"]`);