Last line is always blank also causing an extra line number

Hello, thank you for this amazing package. As the title says if write something like this:

$ npm init

It will result in something like that

Is there a way to avoid this issue?

My current configuration is:

<SyntaxHighlighter
  language={match[1]}
  PreTag="div"
  style={a11yDark}
  customStyle={{
    padding: 0,
    borderRadius: 0,
    background: "rgba(0,0,0,0.1)",
  }}
  lineNumberStyle={{
    color: "rgba(255,255,255,0.7)",
    marginRight: "0.5rem",
  }}
  wrapLines={true}
  showLineNumbers={true}
  {...props}
/>

Many thanks.

[hoondeveloper]

It seems that MDX rehype is parsing one more \n unnecessarily.

Temporarily I solved it like this:

children = replaceLast(children, '\n', '');

[itsrennyman]

@itsrennyman why did you close the issue as completed? The problem still occurs, we’ve just fixed it temporarily by removing the last \n, but we shouldn’t.

As per the POSIX standard:

3.206 Line A sequence of zero or more non- characters plus a terminating character.

A line should always end with \n, so it’s not really the job of users to remove it, but the one of this library to not display it.

Issue reopened.