Double quotes("), Ampersand(&), Less Than(<) mark are not outputting correctly in the input area.

[GitHWS]

Hello,
I'm using react-md-editor to create a markdown editor in the React and TypeScript.

This is my dependency:

"dependencies": {
    "@uiw/react-md-editor": "^3.20.5",
    "lodash": "^4.17.21",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-hook-form": "^7.43.5",
    "react-router-dom": "^6.9.0",
    "rehype": "^12.0.1",
    "rehype-rewrite": "^3.0.6",
    "styled-components": "^5.3.8",
    "styled-reset": "^4.4.5"
  },
  "devDependencies": {
    "@types/lodash": "^4.14.191",
    "@types/react": "^18.0.27",
    "@types/react-dom": "^18.0.10",
    "@types/styled-components": "^5.1.26",
    "@vitejs/plugin-react": "^3.1.0",
    "typescript": "^4.9.3",
    "vite": "^4.1.0"
  }

when I write ", &, < in the input area, it will look like the image below.

But in the preview, the output is normal.

And when I select this text, it is displayed correctly.

I think I saw a similar issue. maybe #318

How can I fix the problem with the input area?

[jaywcjlove]

@GitHWS This may be caused by style conflicts.

[RuiHirano]

Hi.
I am having the same problem.
Please let me know if you find a solution.

[jaywcjlove]

I reproduced this error. Should have fixed it. @RuiHirano @GitHWS

Upgrade v3.20.8