Use defer than async for giscus script

winterjung · Nov 4, 2024 · a831c36 · a831c36
1 parent 642bcb3
commit a831c36
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/giscus.jsx b/src/components/giscus.jsx
@@ -20,16 +20,17 @@ export default function Giscus() {
             "data-lang": "ko",
             "data-loading": "lazy",
             crossorigin: "anonymous",
-            async: true,
+            defer: true,
         }
 
         Object.entries(giscusAttributes).forEach(([key, value]) => {
             script.setAttribute(key, value)
         })
 
-        containerRef.current.appendChild(script)
+        const container = containerRef.current
+        container.appendChild(script)
         return () => {
-            containerRef.current?.removeChild(script)
+            container?.removeChild(script)
         }
     }, [])