chore(root): fix warning useLayoutEffect ssr

hendraaagil · Jun 8, 2021 · 6377d15 · 6377d15 · vercel · Jun 8, 2021
1 parent 2556df2
commit 6377d15
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/components/blog/Comments.js b/components/blog/Comments.js
@@ -1,7 +1,17 @@
+import { useEffect, useState } from 'react';
 import { ReactCusdis } from 'react-cusdis';
 
-const Disqus = ({ pageUrl, pageId, pageTitle }) => {
+const Comments = ({ pageUrl, pageId, pageTitle }) => {
   const appId = process.env.NEXT_PUBLIC_CUSDIS_APPID;
+  const [show, setShow] = useState(false);
+
+  useEffect(() => {
+    setShow(true);
+  }, []);
+
+  if (!show) {
+    return null;
+  }
 
   return (
     <ReactCusdis
@@ -16,4 +26,4 @@ const Disqus = ({ pageUrl, pageId, pageTitle }) => {
   );
 };
 
-export default Disqus;
+export default Comments;