fix toasts

src/components/modals/ModerationModal.jsx

@@ -26,7 +26,7 @@ const ModerationModal = ({ isOpen, closeModal, deletePost }) => {
   const [reason, setReason] = useState('');
   const [triggerPublishCommentEdit, setTriggerPublishCommentEdit] = useState(false);
 
-  const setErrorMessage = useError();
+  const [errorMessage, setErrorMessage] = useError();
   const setSuccessMessage = useSuccess();
 
 
@@ -120,11 +120,12 @@ const ModerationModal = ({ isOpen, closeModal, deletePost }) => {
   
   const {error, publishCommentEdit } = usePublishCommentEdit(publishCommentEditOptions);
 
+
   useEffect(() => {
-    if (error) {
-      setErrorMessage(error);
+    if (error && error !== errorMessage) {
+        setErrorMessage(error);
     }
-  }, [error, setErrorMessage]);
+  }, [error, setErrorMessage, errorMessage]);
 
   
   useEffect(() => {

src/components/views/All.jsx

@@ -46,7 +46,7 @@ const All = () => {
 
   const account = useAccount();
   const navigate = useNavigate();
-  const setErrorMessage = useError();
+  const [errorMessage, setErrorMessage] = useError();
 
   const threadMenuRefs = useRef({});
   const replyMenuRefs = useRef({});
@@ -85,10 +85,10 @@ const All = () => {
   }, [subplebbits])
 
   useEffect(() => {
-    if (errorString) {
-      setErrorMessage(errorString)
+    if (errorString && errorString !== errorMessage) {
+      setErrorMessage(errorString);
     }
-  }, [errorString, setErrorMessage])
+  }, [errorString, setErrorMessage, errorMessage]);
 
 
   useEffect(() => {

src/components/views/Board.jsx

@@ -69,7 +69,7 @@ const Board = () => {
   const navigate = useNavigate();
   const { subplebbitAddress } = useParams();
   
-  const setErrorMessage = useError();
+  const [errorMessage, setErrorMessage] = useError();
   const setSuccessMessage = useSuccess();
 
   const nameRef = useRef();
@@ -157,10 +157,10 @@ const Board = () => {
 
 
   useEffect(() => {
-    if (errorString) {
+    if (errorString && errorString !== errorMessage) {
       setErrorMessage(errorString);
     }
-  }, [errorString, setErrorMessage]);
+  }, [errorString, setErrorMessage, errorMessage]);
 
 
   const flattenedRepliesByThread = useMemo(() => {
@@ -411,10 +411,10 @@ const Board = () => {
   const {error, publishCommentEdit } = usePublishCommentEdit(publishCommentEditOptions);
 
   useEffect(() => {
-    if (error) {
-      setErrorMessage(error);
+    if (error && error !== errorMessage) {
+        setErrorMessage(error);
     }
-  }, [error, setErrorMessage]);
+  }, [error, setErrorMessage, errorMessage]);
 
 
   const handleAuthorDeleteClick = (commentCid) => {

src/components/views/Catalog.jsx

@@ -60,7 +60,7 @@ const Catalog = () => {
 
   const navigate = useNavigate();
   
-  const setErrorMessage = useError();
+  const [errorMessage, setErrorMessage] = useError();
   const setSuccessMessage = useSuccess();
   
   const [triggerPublishComment, setTriggerPublishComment] = useState(false);
@@ -140,10 +140,10 @@ const Catalog = () => {
 
 
   useEffect(() => {
-    if (errorString) {
+    if (errorString && errorString !== errorMessage) {
       setErrorMessage(errorString);
     }
-  }, [errorString, setErrorMessage]);
+  }, [errorString, setErrorMessage, errorMessage]);
 
   
   const { subscribed, subscribe, unsubscribe } = useSubscribe({subplebbitAddress: selectedAddress});
@@ -336,10 +336,10 @@ const Catalog = () => {
   const {error, publishCommentEdit } = usePublishCommentEdit(publishCommentEditOptions);
 
   useEffect(() => {
-    if (error) {
-      setErrorMessage(error);
+    if (error && error !== errorMessage) {
+        setErrorMessage(error);
     }
-  }, [error, setErrorMessage]);
+  }, [error, setErrorMessage, errorMessage]);
 
 
   const handleAuthorDeleteClick = (commentCid) => {

src/components/views/Pending.jsx

@@ -34,7 +34,7 @@ const Pending = () => {
 
   const account = useAccount();
   const comment = useAccountComment({commentIndex: index});
-  const setErrorMessage = useError();
+  const [errorMessage, setErrorMessage] = useError();
 
   useEffect(() => {
     setSelectedAddress(comment?.subplebbitAddress);
@@ -53,10 +53,10 @@ const Pending = () => {
   }, [comment?.state, comment?.error, index])
 
   useEffect(() => {
-    if (errorString) {
+    if (errorString && errorString !== errorMessage) {
       setErrorMessage(errorString);
     }
-  }, [errorString, setErrorMessage]);
+  }, [errorString, setErrorMessage, errorMessage]);
 
   const [visible] = useState(true);
 

src/components/views/Subscriptions.jsx

@@ -47,7 +47,7 @@ const Subscriptions = () => {
   const account = useAccount();
   const navigate = useNavigate();
   
-  const setErrorMessage = useError();
+  const [errorMessage, setErrorMessage] = useError();
 
   const threadMenuRefs = useRef({});
   const replyMenuRefs = useRef({});
@@ -84,10 +84,10 @@ const Subscriptions = () => {
   }, [subplebbits])
 
   useEffect(() => {
-    if (errorString) {
-      setErrorMessage(errorString)
+    if (errorString && errorString !== errorMessage) {
+      setErrorMessage(errorString);
     }
-  }, [errorString, setErrorMessage])
+  }, [errorString, setErrorMessage, errorMessage]);
 
 
   useEffect(() => {

src/components/views/Thread.jsx

@@ -68,7 +68,7 @@ const Thread = () => {
   const navigate = useNavigate();
   const handleClickForm = useClickForm();
 
-  const setErrorMessage = useError();
+  const [errorMessage, setErrorMessage] = useError();
   const setSuccessMessage = useSuccess();
 
   const nameRef = useRef();
@@ -171,10 +171,10 @@ const Thread = () => {
 
 
   useEffect(() => {
-    if (errorString) {
+    if (errorString && errorString !== errorMessage) {
       setErrorMessage(errorString);
     }
-  }, [errorString, setErrorMessage]);
+  }, [errorString, setErrorMessage, errorMessage]);
 
 
   const flattenedReplies = useMemo(() => 
@@ -384,10 +384,11 @@ const Thread = () => {
   const {error, publishCommentEdit } = usePublishCommentEdit(publishCommentEditOptions);
 
   useEffect(() => {
-    if (error) {
-      setErrorMessage(error);
+    if (error && error !== errorMessage) {
+        setErrorMessage(error);
     }
-  }, [error, setErrorMessage]);
+  }, [error, setErrorMessage, errorMessage]);
+
 
 
   const handleAuthorDeleteClick = (commentCid) => {

src/hooks/useError.js

@@ -37,7 +37,7 @@ const useError = () => {
     setRenderCount(prevCount => prevCount + 1);
   };
 
-  return setNewErrorMessage;
+  return [errorMessage, setNewErrorMessage];
 };
 
 export default useError;

src/hooks/useSuccess.js

@@ -37,7 +37,7 @@ const useSuccess = () => {
     setRenderCount(prevCount => prevCount + 1);
   };
 
-  return setNewSuccessMessage;
+  return [successMessage, setNewSuccessMessage];
 };
 
 export default useSuccess;