Next.js problem while writing an article

[BadmWe]

Hello, I've added code from https://github.com/uiwjs/react-md-editor?tab=readme-ov-file#support-nextjs on my open-source website, but it doesn't work correctly. I have the strange blue line on the left side, and it's interferes with writing text further down the markdown.

My code here https://github.com/BadmWe/dspyt-webpage/blob/eb597c6452f9d9a9304f1f6fc4b1962c6c9680e1/dspyt/pages/markdown/index.js#L6-L74

When I try to write a text further, I have this problem

Actually, I tried to look at your finished code here

https://codesandbox.io/embed/nextjs-example-react-md-editor-https-github-com-uiwjs-react-md-editor-issues-516-1z56px?fontsize=14&hidenavigation=1&theme=dark

But it doesn't work

I have read through #52
and think that

const MDEditor = dynamic(
  () => import("@uiw/react-md-editor"),
  { ssr: false }
);

messes up css

[BadmWe]

Now I have another problem, now with the cursor, look, it is not displayed correctly for one character

I clicked on the text at the end of the line, but the cursor remained one character ahead

[BadmWe]

The same problem is right here https://uiwjs.github.io/react-md-editor/

[BadmWe]

[jaywcjlove]

@BadmWe Style conflict

• Incorrect cursor position #578
• Markdown Style Selection #548
• Double quotes("), Ampersand(&), Less Than(<) mark are not outputting correctly in the input area. #494
• Lists ::marker not showing #481
• Text overlap on selection #276

[BadmWe]

I fixed this problem using this
highlightEnable={false}

[OgDev-01]

Does the highlightEnabled={false} props fix the issue with the cursor position? cc: @BadmWe