filter out threads with empty comments edges on CommunityPage discussion tab. warns when found.

src/HOC/pages/community/CommunityPage.tsx

@@ -75,11 +75,19 @@ export const CommunityPage: FC<CommunityPage> = ({ communityId, basePath }) => {
 
     const ThreadsBox = (
       <>
-        {threadsPage.edges.map(thread => (
-          <Box key={thread.id}>
-            <ThreadPreviewHOC threadId={thread.id} />
-          </Box>
-        ))}
+        {threadsPage.edges.map(thread =>
+          thread.comments?.edges[0] ? (
+            <Box key={thread.id}>
+              <ThreadPreviewHOC threadId={thread.id} />
+            </Box>
+          ) : (
+            (console.warn(
+              `Found a thread [id:${thread.id}] with an empty comments edges .. skipping`,
+              thread
+            ),
+            null)
+          )
+        )}
       </>
     );
 

src/fe/thread/preview/useThreadPreview.ts

@@ -19,7 +19,7 @@ export const useThreadPreview = (threadId: Thread['id']) => {
   const { reply } = useReplyComment(
     thread?.comments?.edges[0],
     community?.id,
-    thread?.comments?.edges[0].creator?.userName
+    thread?.comments?.edges[0]?.creator?.userName
   );
 
   return useMemo(() => {