From 3726ceaf48f5eecf019bfc24715f25592b2fd628 Mon Sep 17 00:00:00 2001
From: one <wangan.cs@gmail.com>
Date: Fri, 27 Jun 2025 12:01:07 +0800
Subject: [PATCH] refactor: use useLayoutEffect for shiki renderer

---
 src/renderer/src/components/CodeBlockView/CodePreview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/components/CodeBlockView/CodePreview.tsx b/src/renderer/src/components/CodeBlockView/CodePreview.tsx
index 0ae6a14fef..55a10d5535 100644
--- a/src/renderer/src/components/CodeBlockView/CodePreview.tsx
+++ b/src/renderer/src/components/CodeBlockView/CodePreview.tsx
@@ -204,7 +204,7 @@ const ShikiTokensRenderer: React.FC<ShikiTokensRendererProps> = memo(({ language
   const rendererRef = useRef<HTMLPreElement>(null)
 
   // 设置 pre 标签属性
-  useEffect(() => {
+  useLayoutEffect(() => {
     getShikiPreProperties(language).then((properties) => {
       const pre = rendererRef.current
       if (pre) {