From fc646532f855c805137c3e5344eca0565a8194af Mon Sep 17 00:00:00 2001
From: AksLolCoding <95454315+AksLolCoding@users.noreply.github.com>
Date: Wed, 24 Sep 2025 21:02:24 -0400
Subject: [PATCH 1/2] add tex support to SafeMarkdownRenderer

---
 src/components/Groups/SafeMarkdownRenderer.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/Groups/SafeMarkdownRenderer.tsx b/src/components/Groups/SafeMarkdownRenderer.tsx
index 26d6dedd29..559e8ce250 100644
--- a/src/components/Groups/SafeMarkdownRenderer.tsx
+++ b/src/components/Groups/SafeMarkdownRenderer.tsx
@@ -1,6 +1,8 @@
 import * as React from 'react';
 import ReactMarkdown from 'react-markdown';
 import gfm from 'remark-gfm';
+import remarkMath from 'remark-math';
+import customRehypeKatex from '../../mdx-plugins/rehype-math';
 import { useDarkMode } from '../../context/DarkModeContext';
 import CodeBlock from '../markdown/CodeBlock/CodeBlock';
 import YouTube from '../markdown/YouTube';
@@ -90,8 +92,14 @@ export default function SafeMarkdownRenderer({ children }) {
   return (
     <div className="prose dark:prose-light max-w-none">
       <ReactMarkdown
-        components={renderers as any}
-        remarkPlugins={[gfm as any]}
+        components={renderers}
+        remarkPlugins={[
+          gfm as any,
+          remarkMath as any
+        ]}
+        rehypePlugins={[
+          customRehypeKatex as any
+        ]}
         linkTarget="_blank"
         className="react-markdown"
       >

From 182b2f29a2192194c4408cb36f717d8cb3f025de Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Thu, 25 Sep 2025 12:14:56 +0000
Subject: [PATCH 2/2] Apply Prettier format

---
 src/components/Groups/SafeMarkdownRenderer.tsx | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/Groups/SafeMarkdownRenderer.tsx b/src/components/Groups/SafeMarkdownRenderer.tsx
index 559e8ce250..db46494e90 100644
--- a/src/components/Groups/SafeMarkdownRenderer.tsx
+++ b/src/components/Groups/SafeMarkdownRenderer.tsx
@@ -2,8 +2,8 @@ import * as React from 'react';
 import ReactMarkdown from 'react-markdown';
 import gfm from 'remark-gfm';
 import remarkMath from 'remark-math';
-import customRehypeKatex from '../../mdx-plugins/rehype-math';
 import { useDarkMode } from '../../context/DarkModeContext';
+import customRehypeKatex from '../../mdx-plugins/rehype-math';
 import CodeBlock from '../markdown/CodeBlock/CodeBlock';
 import YouTube from '../markdown/YouTube';
 import Feedback from './Feedback';
@@ -93,13 +93,8 @@ export default function SafeMarkdownRenderer({ children }) {
     <div className="prose dark:prose-light max-w-none">
       <ReactMarkdown
         components={renderers}
-        remarkPlugins={[
-          gfm as any,
-          remarkMath as any
-        ]}
-        rehypePlugins={[
-          customRehypeKatex as any
-        ]}
+        remarkPlugins={[gfm as any, remarkMath as any]}
+        rehypePlugins={[customRehypeKatex as any]}
         linkTarget="_blank"
         className="react-markdown"
       >