Extra <span class="line"></span> added to code blocks?

[leone6]

Describe the bug

hello, first let me say thank you for this interesting library. i am trying to migrate over from rehype-pretty-code but i just ran into an issue and i'm not sure what i'm doing wrong.

i am using nextjs 14, the @next-mdx package, and tailwind. in my mdx files i am writing some code blocks for example documentation. primarily javascript snippets. so the code blocks look like:

something

something else (notice the empty new line above)

the highlighting works perfectly but somewhere along the tree transformation process these extra new lines are being inserted.

any ideas what i'm doing wrong? thanks!

Reproduction

see pictures in post

System Info

windows 11, chrome, node v20.9

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

[leone6]

i forgot one thing- i should also mention that i'm using the rehype-shikiji plugin in the next.config.mjs file. so not sure if this question is related to shikiji or the rehype plugin. thank you

[antfu]

We temporarily closed this due to the lack of enough information. We could not identify whether it was a bug or a userland misconfiguration with the given info.
Please provide a minimal reproduction to reopen the issue.
Thanks.

Why reproduction is required