fix: Some dependency upgrades to fix a bug.

package.json

@@ -30,15 +30,15 @@
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/server": "^11.11.0",
-    "@mantine/core": "^6.0.21",
-    "@mantine/dropzone": "^6.0.21",
-    "@mantine/form": "^6.0.21",
-    "@mantine/hooks": "^6.0.21",
-    "@mantine/modals": "^6.0.21",
-    "@mantine/next": "^6.0.21",
-    "@mantine/notifications": "^6.0.21",
-    "@mantine/prism": "^6.0.21",
-    "@mantine/spotlight": "^6.0.21",
+    "@mantine/core": "6.x",
+    "@mantine/dropzone": "6.x",
+    "@mantine/form": "6.x",
+    "@mantine/hooks": "6.x",
+    "@mantine/modals": "6.x",
+    "@mantine/next": "6.x",
+    "@mantine/notifications": "6.x",
+    "@mantine/prism": "6.x",
+    "@mantine/spotlight": "6.x",
     "@prisma/client": "^5.1.1",
     "@prisma/internals": "^5.1.1",
     "@prisma/migrate": "^5.1.1",
@@ -68,10 +68,10 @@
     "qrcode": "^1.5.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-markdown": "^8.0.6",
+    "react-markdown": "^9.0.3",
     "recharts": "^2.10.1",
     "recoil": "^0.7.7",
-    "remark-gfm": "^4.0.0",
+    "remark-gfm": "^4.0.1",
     "sharp": "^0.32.6"
   },
   "devDependencies": {

src/components/render/Markdown.tsx

@@ -7,16 +7,24 @@ import { Language } from 'prism-react-renderer';
 export default function Markdown({ code, ...props }) {
   return (
     <ReactMarkdown
-      remarkPlugins={[remarkGfm]}
+      remarkPlugins={[[remarkGfm, { singleTilde: false }]]}
       components={{
-        code({ inline, className, children, ...props }) {
-          const match = /language-(\w+)/.exec(className || '');
-          return !inline && match ? (
-            <Prism language={match[1] as Language} {...props}>
-              {String(children).replace(/\n$/, '')}
+        code({ children }) {
+          return <Code>{children}</Code>;
+        },
+        pre({ children }) {
+          console.log(children);
+          // @ts-expect-error someone find the type for this :sob:
+          const match = /language-(\w+)/.exec(children.props?.className || '');
+          // @ts-ignore
+          if (!children.props?.children) return code;
+          return (
+            <Prism language={match ? (match[1] as Language) : 'markdown'}>
+              {
+                // @ts-expect-error
+                String(children.props?.children).replace(/\n$/, '')
+              }
             </Prism>
-          ) : (
-            <Code {...props}>{children}</Code>
           );
         },
         img(props) {