Duplicate MathJax nodes rendered

[nikolas]

trafficstars

Hi, I have a react program set up with a MathJax node hooked up to some sliders, like this:

When I move these sliders, multiple MathJax nodes appear:

I will also note that using this react-mathjax library solves this problem: https://github.com/wko27/react-mathjax (registered as react-mathjax2 in npm).

[techrah]

I'm having the same issue too. If this component is rendering based on component state, after a few state updates it starts to show the resulting formula twice.

[Deniscapp]

Same problem here

[FBosler]

I've got the same problem. Where you guys able to fix it?

[connorff]

I was having the same issue:

It seems the MathJax.Node renders the formula in two spans (one with the class MathJax_Preview and the other with the classes mjx-chtml MathJax_CHTML):

Hiding the MathJax_Preview span with the following CSS solved my issue:

span.MathJax_Preview {
  display: none;
}