chore(deps): update dependency react-markdown to v10 (#1045)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Ricardo Amaral <[email protected]>

Author: renovate[bot]

package-lock.json

@@ -129,7 +129,7 @@
         "react": "18.3.1",
         "react-dom": "18.3.1",
         "react-icons": "5.5.0",
-        "react-markdown": "9.1.0",
+        "react-markdown": "10.1.0",
         "react-syntax-highlighter": "15.6.1",
         "react-use-event-hook": "0.9.6",
         "rehype-raw": "7.0.0",

package.json

@@ -10,37 +10,38 @@ type MarkdownRendererProps = {
 
 function MarkdownRenderer({ markdown }: MarkdownRendererProps) {
     return (
-        <ReactMarkdown
-            className="sb-unstyled markdown-body"
-            rehypePlugins={[rehypeRaw]}
-            remarkPlugins={[remarkGfm]}
-            components={{
-                // eslint-disable-next-line react/no-unstable-nested-components
-                pre({ children }) {
-                    return <>{children}</>
-                },
-                // eslint-disable-next-line react/no-unstable-nested-components
-                code({ children, className }) {
-                    const codeLanguage = /language-(\w+)/.exec(className || '')
+        <div className="sb-unstyled markdown-body">
+            <ReactMarkdown
+                rehypePlugins={[rehypeRaw]}
+                remarkPlugins={[remarkGfm]}
+                components={{
+                    // eslint-disable-next-line react/no-unstable-nested-components
+                    pre({ children }) {
+                        return <>{children}</>
+                    },
+                    // eslint-disable-next-line react/no-unstable-nested-components
+                    code({ children, className }) {
+                        const codeLanguage = /language-(\w+)/.exec(className || '')
 
-                    return codeLanguage ? (
-                        <SyntaxHighlighter
-                            language={codeLanguage[1]}
-                            // Match `github-markdown-css` style
-                            customStyle={{
-                                background: '#f6f8fa',
-                            }}
-                        >
-                            {String(children).replace(/\n$/, '')}
-                        </SyntaxHighlighter>
-                    ) : (
-                        <code className={className}>{children}</code>
-                    )
-                },
-            }}
-        >
-            {markdown}
-        </ReactMarkdown>
+                        return codeLanguage ? (
+                            <SyntaxHighlighter
+                                language={codeLanguage[1]}
+                                // Match `github-markdown-css` style
+                                customStyle={{
+                                    background: '#f6f8fa',
+                                }}
+                            >
+                                {String(children).replace(/\n$/, '')}
+                            </SyntaxHighlighter>
+                        ) : (
+                            <code className={className}>{children}</code>
+                        )
+                    },
+                }}
+            >
+                {markdown}
+            </ReactMarkdown>
+        </div>
     )
 }