Math and Katex renders incorrectly

[jkim34]

Initial checklist

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

Affected packages and versions

"rehype-katex": "^6.0.3", "remark-math": "^5.1.1"

Link to runnable example

No response

Steps to reproduce

Use codesandbox to reproduce.

If link doesn't work, simply add below packages: "rehype-katex": "^6.0.3", "remark-math": "^5.1.1"

Use npm v 9.2.0, or simply use codesandbox's default runtime.

Expected behavior

$x^2 + y^2 = z^2$ should render correctly.

Actual behavior

After correctly rendering, it also appends x2+y2=z2

Runtime

Node v14

Package manager

Other (please specify in steps to reproduce)

OS

Windows

Build and bundle tools

Create React App

[ChristianMurphy]

Hey @jkim34! 👋 Please follow the usage guide in the readme. https://github.com/remarkjs/remark-math/tree/main/packages/rehype-katex#use Notably, katex requires a stylesheet to render correctly, you haven't included the CSS stylesheet, so it won't be styled correctly. Add the stylesheet.

[github-actions[bot]]

Hi! This was closed. Team: If this was fixed, please add phase/solved. Otherwise, please add one of the no/* labels.