Rehype KaTeX fails once options are added.

[RimuruOtter]

Initial checklist

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

Affected package

[email protected]

Steps to reproduce

First note which I believe is important is that I'm using Tauri to make the project which uses their own package called wry for cross-platform WebView.

const macros: Record<string, any> = {
    "\\lims": "\\lim\\limits_{x \\to #1}",
}

const rehype = rehypeKatex({ macros })

const render = useCallback(async (data: string) => {
        try {
            const evalMarkdown = await compile(data, {
                outputFormat: "function-body",
                remarkPlugins: [remarkMath],
                rehypePlugins: [rehype]
            })
    
            const { default: Content } = await run(evalMarkdown, {
                ...runtime,
                baseUrl: import.meta.url
            })
    
            // @ts-ignore
            setMdxContent(<Content />)
        } catch (error) {
            console.table(error)
        }
    }, [])

I am using MDX in combo with remark math and rehype katex. When I leave the rehypeKatex without options, it would completely fine and nothing wrong happens, when I add the options provided above for macros, it completely fails. I have verified that the above macro works on KaTeX's site.

There error I get is as show:

TypeError: Cannot use 'in' operator to search for 'children' in undefined
    at visit (index.js:353:11)
    at visitParents (index.js:304:30)
    at Function.<anonymous> (index.js:44:5)
    at Function.freeze (index.js:636:36)
    at Function.process (index.js:716:10)
    at compile2 (compile.js:39:35)
    at App.tsx:93:40
    at App.tsx:129:13
    at commitHookEffectListMount (react-dom.development.js:23189:26)
    at commitPassiveMountOnFiber (react-dom.development.js:24965:13)
(anonymous) @ App.tsx:107
(anonymous) @ App.tsx:129
commitHookEffectListMount @ react-dom.development.js:23189
commitPassiveMountOnFiber @ react-dom.development.js:24965
commitPassiveMountEffects_complete @ react-dom.development.js:24930
commitPassiveMountEffects_begin @ react-dom.development.js:24917
commitPassiveMountEffects @ react-dom.development.js:24905
flushPassiveEffectsImpl @ react-dom.development.js:27078
flushPassiveEffects @ react-dom.development.js:27023
(anonymous) @ react-dom.development.js:26808
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
performWorkUntilDeadline @ scheduler.development.js:533

I have had this problem before when using Docusourus and was unable to fix it them but didn't matter as much then.

Actual behavior

The actual behavior that is happening is that it is refusing to take in options and works fine when not provided.

Expected behavior

The expected behavior that should happen is that it should take in the options without problems.

Runtime

5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36 Edg/132.0.0.0

Package manager

[email protected]

Operating system

Windows 11

Build and bundle tools

Vite, other (please specify in steps to reproduce)

[ChristianMurphy]

@RimuruOtter that isn't how plugins are passed.
Please see https://mdxjs.com/packages/mdx/#processoroptions and the examples of remarkPlugins

---

const rehype = rehypeKatex({ macros })

Is unexpected and will not work.

---

It should be passed as

           const evalMarkdown = await compile(data, {
                outputFormat: "function-body",
                remarkPlugins: [remarkMath],
                rehypePlugins: [[rehypeKatex, {macros}]]
            })