From 8c38d983c61d57eac8b7f6ea681bbf0ca0054fde Mon Sep 17 00:00:00 2001
From: bkellam <bshizzle1234@gmail.com>
Date: Tue, 27 Aug 2024 21:09:25 -0700
Subject: [PATCH] Fix theme bug with code preview

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

diff --git a/src/app/codePreview.tsx b/src/app/codePreview.tsx
index 06a66803..9fb1629f 100644
--- a/src/app/codePreview.tsx
+++ b/src/app/codePreview.tsx
@@ -5,7 +5,7 @@ import { ScrollArea } from "@/components/ui/scroll-area";
 import { EditorView, keymap, ViewPlugin, ViewUpdate } from "@codemirror/view";
 import { Cross1Icon, FileIcon } from "@radix-ui/react-icons";
 import { useTheme } from "next-themes";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import CodeMirror from '@uiw/react-codemirror';
 import { vim } from "@replit/codemirror-vim";
 import { defaultKeymap } from "@codemirror/commands";
@@ -32,7 +32,7 @@ export const CodePreview = ({
         }
 
         return _theme ?? "light";
-    }, [_theme]);
+    }, [_theme, systemTheme]);
 
     const [gutterWidth, setGutterWidth] = useState(0);
     const gutterWidthPlugin = useMemo(() => {