[Video] Strange math expression scaling problem

[ggunti]

Hi,

I have an interesting problem. When I load my react app, the Home page is loaded first. It renders some math expressions using this library.

The problem is that math expressions scaling is not always applied. I use scale: 200, but it is only applied if I navigate to another page (Settings for example) and then navigate back to Home (see attached video). For example, if I am on the Home page and then reload the entire app, scaling is NOT applied after app is reloaded (again, please see the attached video to understand better).

Video: https://vimeo.com/459645756

This is what I mean by "Scaled" and "Not Scaled":

The mathjax related code (note that I tried to use also MathJax.Node, but same thing happens):

      <MathJax.Context input='tex' options={{
        CommonHTML: {
          scale: 200, // apply scaling to math expressions
        },
      }}>
        <MathJax.Text text={this.props.mathWithText} />
      </MathJax.Context>

PS: I think it's some synchronization related problem, but I am unable to solve it. I would be grateful for any help.