The equation component did not handle inline and block equations correctly.

[Thooooor]

Description

When deal with block equations, we should set "displayMode" to True.
As shown below, the block formula should be centered instead of left:

Besides, some usages like "\tag" is only available in display mode, see:

The error is:

To solve this problem, we only need to add 'displayMode', and I already PR #281 .

Notion Test Page ID

This is my notion blog page which has this problem: pinn-blog
This is the origin notion page: pinn-notion

[jacksongoode]

@Thooooor do you have an example of it being fixed in your blog?

[zfhxi]

I met the same problem, is there any solution?

[jacksongoode]

Ugh, I had to call the js auto-render extension on top of everything in the mean time.

[zfhxi]

Ugh, I had to call the js auto-render extension on top of everything in the mean time.

Thanks for your reply, I have tried this solution. However, it doesn't work.

[zfhxi]

I am not an expert in react. I found that downgrading to v4.11.0 may help, but I still have no idea about how to solve this elegantly.:joy:

[jacksongoode]

Sorry to follow up late. Did you call the auto render after the equations have rendered the first time?

Here's how we did it. You'll need the katex and auto render js loaded before as well.

[zfhxi]

Sorry to follow up late. Did you call the auto render after the equations have rendered the first time?

Here's how we did it. You'll need the katex and auto render js loaded before as well.

Thanks for your reply, I have tried your solution from https://github.com/nline/nline-blog. That seems like it should work, but doesn't.