components/Comments.tsx

@@ -5,13 +5,16 @@ import { useState } from 'react'
 import siteMetadata from '@/data/siteMetadata'
 
 export default function Comments({ slug }: { slug: string }) {
-  const [loadComments, setLoadComments] = useState(false)
+  const [loadComments, setLoadComments] = useState(false);
+  
+  if (!siteMetadata.comments?.provider) {
+    return null;
+  }
   return (
-    <>
+      {loadComments ? (
-      {!loadComments && <button onClick={() => setLoadComments(true)}>Load Comments</button>}
-      {siteMetadata.comments && loadComments && (
         <CommentsComponent commentsConfig={siteMetadata.comments} slug={slug} />
-      )}
+      ) :
-    </>
+        (<button onClick={() => setLoadComments(true)}>Load Comments</button>)
+      }
   )
 }