From c029a8de334b4447cc7fbfc5b75bc866c1ceafa2 Mon Sep 17 00:00:00 2001
From: owjs3901 <owjs3901@naver.com>
Date: Wed, 9 Apr 2025 15:29:18 +0900
Subject: [PATCH] Fix ThemeScript init issue

---
 .changeset/neat-ducks-grab.md                                | 5 +++++
 packages/react/src/components/ThemeScript.tsx                | 2 +-
 .../__snapshots__/ThemeScript.browser.test.tsx.snap          | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/neat-ducks-grab.md

diff --git a/.changeset/neat-ducks-grab.md b/.changeset/neat-ducks-grab.md
new file mode 100644
index 00000000..8d307231
--- /dev/null
+++ b/.changeset/neat-ducks-grab.md
@@ -0,0 +1,5 @@
+---
+"@devup-ui/react": patch
+---
+
+Fix theme script
diff --git a/packages/react/src/components/ThemeScript.tsx b/packages/react/src/components/ThemeScript.tsx
index 82ab37d5..14fffed6 100644
--- a/packages/react/src/components/ThemeScript.tsx
+++ b/packages/react/src/components/ThemeScript.tsx
@@ -12,7 +12,7 @@ export function ThemeScript({ auto = true, theme }: ThemeScriptProps) {
     <script
       dangerouslySetInnerHTML={{
         __html: theme
-          ? `(function (){document.documentElement.setAttribute('data-theme',${theme});}())`
+          ? `(function (){document.documentElement.setAttribute('data-theme','${theme}');}())`
           : `(function (){document.documentElement.setAttribute('data-theme',localStorage.getItem('__DF_THEME_SELECTED__')||(${String(auto)}&&window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'${process.env.DEVUP_UI_DEFAULT_THEME ?? 'default'}'));})()`,
       }}
     />
diff --git a/packages/react/src/components/__tests__/__snapshots__/ThemeScript.browser.test.tsx.snap b/packages/react/src/components/__tests__/__snapshots__/ThemeScript.browser.test.tsx.snap
index 1e5c48b6..5d2fbe35 100644
--- a/packages/react/src/components/__tests__/__snapshots__/ThemeScript.browser.test.tsx.snap
+++ b/packages/react/src/components/__tests__/__snapshots__/ThemeScript.browser.test.tsx.snap
@@ -19,7 +19,7 @@ exports[`ThemeScript > should apply ThemeScript with not auto 1`] = `
 exports[`ThemeScript > should apply ThemeScript with theme 1`] = `
 <div>
   <script>
-    (function (){document.documentElement.setAttribute('data-theme',default);}())
+    (function (){document.documentElement.setAttribute('data-theme','default');}())
   </script>
 </div>
 `;