From d15c5a21d9224155824fb149450d632fc9e1eebe Mon Sep 17 00:00:00 2001
From: daniyal <daniyal@nostrdev.com>
Date: Wed, 11 Sep 2024 16:47:55 +0500
Subject: [PATCH] chore: fix react render error

---
 src/pages/mod/internal/comment/index.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/mod/internal/comment/index.tsx b/src/pages/mod/internal/comment/index.tsx
index 2e9fc71..86a1451 100644
--- a/src/pages/mod/internal/comment/index.tsx
+++ b/src/pages/mod/internal/comment/index.tsx
@@ -13,7 +13,7 @@ import {
   Filter as NostrEventFilter,
   UnsignedEvent
 } from 'nostr-tools'
-import React, { useMemo } from 'react'
+import React, { useEffect, useMemo } from 'react'
 import { Dispatch, SetStateAction, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { toast } from 'react-toastify'
@@ -58,6 +58,10 @@ export const Comments = ({ modDetails, setCommentCount }: Props) => {
     author: AuthorFilterEnum.All_Comments
   })
 
+  useEffect(() => {
+    setCommentCount(commentEvents.length)
+  }, [commentEvents, setCommentCount])
+
   const userState = useAppSelector((state) => state.user)
 
   useDidMount(async () => {
@@ -202,8 +206,6 @@ export const Comments = ({ modDetails, setCommentCount }: Props) => {
     return true
   }
 
-  setCommentCount(commentEvents.length)
-
   const comments = useMemo(() => {
     let filteredComments = commentEvents
     if (filterOptions.author === AuthorFilterEnum.Creator_Comments) {