NotionX / NotionX/react-notion-x
Code and Equation doesn't display correctly :(
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 5.4k
- Forks
- 645
- PR merge metrics
- No merged PRs in 30d
Description
Description
The equation is not syntax colored and the equation doesn't seem to be centered. I tried checking the official minimal example but it didn't work on there either. I think this is an important feature that should be fixed soon. I'm currently using version 6.12.9 for react-notion-x and notion-client. I used simple code similar to the minimal example.
Notion Test Page ID
The original notion page: https://min-hieu.notion.site/Chapter-19-Type-Systems-6ea1361a7b5e417195fa38eaa50d99c5
The displayed cite:
Official react-notion with equation and code block not working
https://react-notion-x-minimal-demo-saasify.vercel.app/0c322c33381c49bca5083a451c334c39#886d742ac1f743ddb033e0b837c005c9
and
https://react-notion-x-minimal-demo-saasify.vercel.app/7820b2d5300747b38e31344eb06fbd57
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue using the linked Notion page and the two minimal-demo URLs, checking both the code block syntax coloring and equation alignment. Compare the displayed output with the original page and verify the behavior against react-notion-x and notion-client version 6.12.9; done means both elements render correctly in the demo and reported example.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100