components/Comments.tsx

@@ -5,16 +5,18 @@ 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 null
   }
   return (
+    <>
       {loadComments ? (
         <CommentsComponent commentsConfig={siteMetadata.comments} slug={slug} />
-      ) :
+      ) : (
-        (<button onClick={() => setLoadComments(true)}>Load Comments</button>)
+        <button onClick={() => setLoadComments(true)}>Load Comments</button>
-      }
+      )}
+    </>
   )
 }