MathJax crashes on the very first run but works after hot update.

[hopeless-programmer-online]

MathJax crashes on the very first run but works after hot update.

Description

When the project is being compiled for the very first time (e.g. just after the npm run dev) it crashes with the following message:

This happen only when MathComponent from the mathjax-react package is added and only for the very first run.
If You comment the corresponding line, refresh the page, uncomment the line back and refresh page again error will disappear. At least until You stop the server and restart it with npm run dev.

Steps to reproduce

• Get this repo.
• Run npm i to install dependencies.
• Run npm run dev to start development server.
• Open localhost:3000/ in browser.
• Observe the error message in the browser (screenshot above).
• Go to ./pages/index.tsx and comment the 9th line. Text <MathComponent tex={String.raw`\vec{a}`}/> should be replaced with {/* <MathComponent tex={String.raw`\vec{a}`}/> */}.
• Observe that error has disappeared from browser.
• Uncomment the 9th line restoring the initial value (<MathComponent tex={String.raw`\vec{a}`}/>).
• Observe that there are no errors in the browser and formula \vec{a} shows properly (like this).

Expected behavior

If it works after comment/uncomment + refresh I expect it to work from the very beginning.

System information

• OS: Windows 7 x64
• Browser: Firefox
• Version of Next.js: 10.0.3
• Version of Node.js: 14.15.1