feat: change theme in useEffect

I hate hooks
DenpaNote · May 24, 2024 · 51869f1 · 51869f1
1 parent bfb5dfc
commit 51869f1
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/GiscusComment.tsx b/src/components/GiscusComment.tsx
@@ -2,14 +2,15 @@ import Giscus from "@giscus/react"
 import { useEffect, useRef, useState } from "react"
 
 const GiscusComment = () => {
-    const [theme, setTheme] = useState(document.documentElement.getAttribute('data-theme'))
+    const [theme, setTheme] = useState('preferred_color_scheme')
     const observerLock = useRef(false)
 
     const updateTheme = () => {
       setTheme(document.documentElement.getAttribute('data-theme'))
     }
 
     useEffect(() => {
+      setTheme(document.documentElement.getAttribute('data-theme'))
       if (!observerLock.current) {
         observerLock.current = true
         const observer = new MutationObserver(() => {