Error: Typesetting failed: Cannot read properties of null (reading 'contains')

[whlshy]

What wrong about this?

This result appears when I use @tanstack/react-query.

If I comment this line it doesn't happen.

[whlshy]

Oh, maybe should have to wait MathJaxContext loaded

[fast-reflexes]

I really need more context to understand why this happens :) As long as you have a MathjaxContext it should be enough ... does this happen when you start the project locally? If so, if you give me access, I can have a look.

[whlshy]

https://codepen.io/whlshy/pen/JjVmNQz?editors=0011#

[fast-reflexes]

I can't trigger that error ... When I go to that URL and click refetch, it works out fine and I get no errors in the console.

Few tips:

• Wrap you ENTIRE APP in a MathJaxContext not just that single component
• Since you're working together with some markdown tool, you really need to be on top of things. Remember MathJax does its work in the DOM after rendering and depending on what the markdown tool does (in terms om manipulation, escaping etc...) you might have to take some extra measures. Every markdown library has its ways so it's most probably doable but might require some extra fiddling (but you already have it working so, obviously no problem, just saying that markdown components and Mathjax are not always best friends).
• You shouldn't have to worry about Mathjax downloading, the library takes care of that and it should not result in any errors even if you render before Mathjax is downloaded. E.g. you don't have to wait for anything.

Let me know what exactly is the problem here because I can't replicate and everything seems to be working fine :D

[fast-reflexes]

I will close this in a few days if you can't elaborate on what is wrong so that I can troubleshoot it :)

[fast-reflexes]

Can't troubleshoot this since information lacks. Feel free to reopen with more info.