diff --git a/src/Highlighter/SyntaxHighlighter/index.tsx b/src/Highlighter/SyntaxHighlighter/index.tsx
index cdc12c12..7c93f638 100644
--- a/src/Highlighter/SyntaxHighlighter/index.tsx
+++ b/src/Highlighter/SyntaxHighlighter/index.tsx
@@ -23,7 +23,7 @@ const SyntaxHighlighter = memo<SyntaxHighlighterProps>(
 
     return (
       <>
-        {isLoading ? (
+        {isLoading || !data ? (
           <div className={cx(styles.unshiki, className)} style={style}>
             <pre>
               <code>{children.trim()}</code>
diff --git a/src/hooks/useHighlight.ts b/src/hooks/useHighlight.ts
index 150e8132..3b87dbc8 100644
--- a/src/hooks/useHighlight.ts
+++ b/src/hooks/useHighlight.ts
@@ -58,7 +58,7 @@ export const useHighlight = (text: string, lang: string, isDarkMode: boolean) =>
         });
         return html;
       } catch {
-        return `<pre><code>${text}</code></pre>`;
+        return '';
       }
     },
     { revalidateOnFocus: false },