From cffe652d1cdae810b87e6ad5152d2a8311e474e4 Mon Sep 17 00:00:00 2001
From: Junlin Zhou <jameszhou2108@hotmail.com>
Date: Tue, 25 Feb 2025 10:38:45 +0800
Subject: [PATCH] build(deps): upgrade react-markdown to 10

See <https://github.com/remarkjs/react-markdown/blob/main/changelog.md#1000---2025-02-20> for breaking changes.
---
 web/package.json                                |  2 +-
 web/src/components/ChatMessage/index.jsx        |  1 -
 web/src/components/ChatMessage/index.module.css |  7 ++-----
 web/yarn.lock                                   | 11 ++++++-----
 4 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/web/package.json b/web/package.json
index b8ddb9c0..2bea8f5d 100644
--- a/web/package.json
+++ b/web/package.json
@@ -22,7 +22,7 @@
     "normalize.css": "^8.0.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-markdown": "^9.0.3",
+    "react-markdown": "^10.0.0",
     "react-router-dom": "^7.2.0",
     "react-syntax-highlighter": "^15.6.1",
     "react-window": "^1.8.11",
diff --git a/web/src/components/ChatMessage/index.jsx b/web/src/components/ChatMessage/index.jsx
index 6bcc25d7..b618375c 100644
--- a/web/src/components/ChatMessage/index.jsx
+++ b/web/src/components/ChatMessage/index.jsx
@@ -132,7 +132,6 @@ const ChatMessage = ({ convId, message }) => {
       </div>
       <div className={styles.messageBody}>
         <Markdown
-          className={styles.messageContent}
           remarkPlugins={[remarkGfm, remarkMath]}
           rehypePlugins={[rehypeKatex]}
           components={{
diff --git a/web/src/components/ChatMessage/index.module.css b/web/src/components/ChatMessage/index.module.css
index 86d4d300..8f40c8f6 100644
--- a/web/src/components/ChatMessage/index.module.css
+++ b/web/src/components/ChatMessage/index.module.css
@@ -35,6 +35,8 @@
 .messageBody {
     padding-left: 3vw;
     padding-right: 3vw;
+    word-break: break-word;
+    overflow-wrap: break-word;
 }
 
 .messageBody:hover .messageFeedbacks {
@@ -52,11 +54,6 @@
     transition: opacity 1s;
 }
 
-.messageContent {
-    word-break: break-word;
-    overflow-wrap: break-word;
-}
-
 .messageCodeTitle {
     padding: 5px;
     padding-left: 10px;
diff --git a/web/yarn.lock b/web/yarn.lock
index 2cafa38f..a440d46c 100644
--- a/web/yarn.lock
+++ b/web/yarn.lock
@@ -1886,7 +1886,7 @@ __metadata:
     normalize.css: "npm:^8.0.1"
     react: "npm:^19.0.0"
     react-dom: "npm:^19.0.0"
-    react-markdown: "npm:^9.0.3"
+    react-markdown: "npm:^10.0.0"
     react-router-dom: "npm:^7.2.0"
     react-syntax-highlighter: "npm:^15.6.1"
     react-window: "npm:^1.8.11"
@@ -5127,11 +5127,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-markdown@npm:^9.0.3":
-  version: 9.0.3
-  resolution: "react-markdown@npm:9.0.3"
+"react-markdown@npm:^10.0.0":
+  version: 10.0.0
+  resolution: "react-markdown@npm:10.0.0"
   dependencies:
     "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
     devlop: "npm:^1.0.0"
     hast-util-to-jsx-runtime: "npm:^2.0.0"
     html-url-attributes: "npm:^3.0.0"
@@ -5144,7 +5145,7 @@ __metadata:
   peerDependencies:
     "@types/react": ">=18"
     react: ">=18"
-  checksum: 10c0/7f1aef171b49af9b84896917c033cbc0f45d0d2b4a5db5a339bf96977a143ae19f21cb7a69a6878b718d5578db021e96372fa33621b79bf57a87efb9b3c84166
+  checksum: 10c0/9846efb451f5c9a47371458c81117c03bc75d51e11917a8ae2a43b3902624aa29534124edd635b81f421111ab4c7978a904ad49199d010d2bbd50c42674eeae6
   languageName: node
   linkType: hard