Bump react-markdown from 8.0.7 to 9.0.0 in /frontend (#1191)

* Bump react-markdown from 8.0.7 to 9.0.0 in /frontend Bumps [react-markdown](https://github.com/remarkjs/react-markdown) from 8.0.7 to 9.0.0. - [Release notes](https://github.com/remarkjs/react-markdown/releases) - [Changelog](https://github.com/remarkjs/react-markdown/blob/main/changelog.md) - [Commits](remarkjs/react-markdown@8.0.7...9.0.0) --- updated-dependencies: - dependency-name: react-markdown dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <[email protected]> * Adjustments for removed props and ref type. --------- Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Robin Tail <[email protected]>
RobinTail · Oct 4, 2023 · a5d2aff · a5d2aff · vercel · Oct 4, 2023
1 parent e82d99f
commit a5d2aff
Show file tree

Hide file tree

Showing 3 changed files with 331 additions and 338 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -24,7 +24,7 @@
     "@mui/lab": "^5.0.0-alpha.146",
     "@mui/material": "^5.14.11",
     "react-clipboard-button": "^2.0.0",
-    "react-markdown": "^8.0.7",
+    "react-markdown": "^9.0.0",
     "react-router-dom": "^6.16.0",
     "react-syntax-highlighter": "^15.5.0",
     "react-telegram-auth": "^1.0.3",

diff --git a/frontend/src/CodeSnippet.tsx b/frontend/src/CodeSnippet.tsx
@@ -60,16 +60,17 @@ export const CodeSnippet = ({ language, code }: CodeSnippetProps) => {
         <ReactMarkdown
           components={{
             pre({ children }) {
-              return children;
+              return <>{children}</>;
             },
-            code({ node, inline, className, children, style, ...props }) {
+            code({ node, className, children, style, ref, ...props }) {
               const match = /language-(\w+)/.exec(className || "");
-              return !inline && match ? (
+              return match ? (
                 <SyntaxHighlighter
                   style={theme.palette.mode === "dark" ? atomDark : prism}
                   language={match[1]}
                   PreTag="div"
                   children={String(children).replace(/\n$/, "")}
+                  ref={ref as React.LegacyRef<SyntaxHighlighter>}
                   {...props}
                 />
               ) : (