From 1544aac663fc4619b710ff6a45e5dcce4abed509 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 2 Sep 2025 09:40:29 +0700
Subject: [PATCH] chore: change useMemo to useEffect to avoid side effect

---
 web-app/src/containers/RenderMarkdown.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web-app/src/containers/RenderMarkdown.tsx b/web-app/src/containers/RenderMarkdown.tsx
index 667a37653..125994eab 100644
--- a/web-app/src/containers/RenderMarkdown.tsx
+++ b/web-app/src/containers/RenderMarkdown.tsx
@@ -6,7 +6,7 @@ import remarkMath from 'remark-math'
 import rehypeKatex from 'rehype-katex'
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
 import * as prismStyles from 'react-syntax-highlighter/dist/cjs/styles/prism'
-import { memo, useState, useMemo, useRef } from 'react'
+import { memo, useState, useMemo, useRef, useEffect } from 'react'
 import { getReadableLanguageName } from '@/lib/utils'
 import { cn } from '@/lib/utils'
 import { useCodeblock } from '@/hooks/useCodeblock'
@@ -41,7 +41,7 @@ function RenderMarkdownComponent({
   const codeBlockIds = useRef(new Map<string, string>())
 
   // Clear ID map when content changes
-  useMemo(() => {
+  useEffect(() => {
     codeBlockIds.current.clear()
   }, [content])