Math Formular occasonally not rendering

[iroy2000]

I found out that the Math formula occasionally are not rendering.

The following is what I did

<MathJax.Provider>
    <MathSolutionList />
</MathJax.Provider>

MathSolutionList contains N number of MathSolution that contain latex.

So it looks like something like that essentially the same concept ( consider there could be hundreds of them

<MathJax.Provider>
  <h2>Blah ...</h2>
  <MathJax.Node formula={content.latex[0]} />   // consider the latext are valid
  <p>blah ...</p>
  <MathJax.Node formula={content.latex[1]} />    
  ... 
<MathJax.Provider>

The problem I'm facing now, occasionally it only renders a ;, and the elements show something like this

Any advice will be appreciated.

[iroy2000]

My problem is solved by switching to https://github.com/wko27/react-mathjax