From 458bdfbf42ed7defb4756e014fe19093a9a8dc35 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Thu, 20 Mar 2025 14:47:16 +0800
Subject: [PATCH] fix(useMonacoTheme): return theme ID instead of the full
 theme object

---
 src/components/mdx-preview.tsx | 2 +-
 src/hooks/use-monaco-theme.ts  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/mdx-preview.tsx b/src/components/mdx-preview.tsx
index 2fdec45..faabd6b 100644
--- a/src/components/mdx-preview.tsx
+++ b/src/components/mdx-preview.tsx
@@ -56,7 +56,7 @@ export default function MdxPreview({ source }: MdxPreviewProps) {
             [
               rehypePretty,
               {
-                theme: currentTheme.id,
+                theme: currentTheme,
                 keepBackground: false,
               },
             ],
diff --git a/src/hooks/use-monaco-theme.ts b/src/hooks/use-monaco-theme.ts
index 043ef74..3f2d113 100644
--- a/src/hooks/use-monaco-theme.ts
+++ b/src/hooks/use-monaco-theme.ts
@@ -5,7 +5,7 @@ import { MonacoThemeConfig } from "@/config/monaco-theme";
 export function useMonacoTheme() {
   const { resolvedTheme } = useTheme();
 
-  const currentTheme = resolvedTheme === "light" ? MonacoThemeConfig[MonacoTheme.GitHubLightDefault] : MonacoThemeConfig[MonacoTheme.GitHubDarkDefault];
+  const currentTheme = resolvedTheme === "light" ? MonacoThemeConfig[MonacoTheme.GitHubLightDefault].id : MonacoThemeConfig[MonacoTheme.GitHubDarkDefault].id;
 
   return {
     currentTheme,