chore(console): bump react-markdown (#4648)

bump react-markdown and remark version

package.json

@@ -9,6 +9,7 @@
     "prepare": "if test \"$NODE_ENV\" != \"production\" && test \"$CI\" != \"true\" ; then husky install ; fi",
     "prepack": "pnpm -r prepack",
     "dev": "pnpm -r prepack && pnpm start:dev",
+    "dev:cloud": "IS_CLOUD=1 CONSOLE_PUBLIC_URL=/ pnpm dev",
     "start:dev": "pnpm -r --parallel --filter=!@logto/integration-tests --filter \"!./packages/connectors/connector-*\" dev",
     "start": "cd packages/core && NODE_ENV=production node .",
     "cli": "logto",

packages/console/package.json

@@ -105,14 +105,14 @@
     "react-hook-form": "^7.43.9",
     "react-hot-toast": "^2.2.0",
     "react-i18next": "^12.3.1",
-    "react-markdown": "^8.0.7",
+    "react-markdown": "^9.0.0",
     "react-modal": "^3.15.1",
     "react-paginate": "^8.1.3",
     "react-router-dom": "^6.10.0",
     "react-syntax-highlighter": "^15.5.0",
     "react-timer-hook": "^3.0.5",
     "recharts": "^2.1.13",
-    "remark-gfm": "^3.0.1",
+    "remark-gfm": "^4.0.0",
     "stylelint": "^15.0.0",
     "swr": "^2.2.0",
     "titleize": "^4.0.0",

packages/console/src/components/Markdown/index.tsx

@@ -54,15 +54,15 @@ function Markdown({ className, children }: Props) {
       remarkPlugins={[remarkGfm]}
       className={classNames(styles.markdown, className)}
       components={{
-        code: ({ inline, className, children, ...props }) => {
+        code: ({ className, children, ...props }) => {
           const [, codeBlockType] = /language-(\w+)/.exec(className ?? '') ?? [];
 
-          return inline ? (
+          return codeBlockType ? (
+            <CodeEditor isReadonly language={codeBlockType} value={String(children)} />
+          ) : (
             <code className={styles.inlineCode} {...props}>
               {children}
             </code>
-          ) : (
-            <CodeEditor isReadonly language={codeBlockType} value={String(children)} />
           );
         },
         img: ({ src, alt }) => {