remark-math: invalid javascript @ generated object keys

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

rehype-mathjax: 4.0.2

Link to runnable example

No response

Steps to reproduce

// @ vite.config.js
{
  plugins: [
    XDM({
      rehypePlugins: [Rehype_MathJax],
      remarkPlugins: [Remark_Math   ],
    })
  ]
}

Expected behavior

Example snippet

Lift($L$) can be determined by Lift Coefficient ($C_L$) like the following equation.

should compile from an mdx file without error.

Actual behavior

Browser Error:

Uncaught (in promise) SyntaxError: Unexpected token '-'

It seems that the error would be prevented by wrapping the generated mdx-container key in quotes.

Through trial & error I found that this issue:

• occurs when parsing mdx files via either mdx-js or xdm
• does not occur when swapping rehype-katex in place of rehype-mathjax

Runtime

Node v16

Package manager

yarn v1

OS

Windows

Build and bundle tools

Vite