fix(comments): plebbit.createComment throws adds useComment().error

src/hooks/comments.test.ts

@@ -236,5 +236,26 @@ describe('comments', () => {
       // restore mock
       Comment.prototype.update = commentUpdate
     })
+
+    test('plebbit.createComment throws adds useComment().error', async () => {
+      // mock update to save comment instance
+      const createComment = Plebbit.prototype.createComment
+      Plebbit.prototype.createComment = async function () {
+        throw Error('plebbit.createComment error')
+      }
+
+      const rendered = renderHook<any, any>((commentCid) => useComment({commentCid}))
+      const waitFor = testUtils.createWaitFor(rendered)
+      rendered.rerender('comment cid')
+
+      // first error
+      await waitFor(() => rendered.result.current.error.message === 'plebbit.createComment error')
+      expect(rendered.result.current.error.message).toBe('plebbit.createComment error')
+      expect(rendered.result.current.errors[0].message).toBe('plebbit.createComment error')
+      expect(rendered.result.current.errors.length).toBe(1)
+
+      // restore mock
+      Plebbit.prototype.createComment = createComment
+    })
   })
 })

src/stores/comments/comments-store.ts

@@ -45,6 +45,11 @@ const commentsStore = createStore<CommentsState>((setState: Function, getState:
       log('commentsStore.addCommentToStore', {commentCid, comment, account})
       setState((state: CommentsState) => ({comments: {...state.comments, [commentCid]: utils.clone(comment)}}))
     } catch (e) {
+      setState((state: CommentsState) => {
+        let commentErrors = state.errors[commentCid] || []
+        commentErrors = [...commentErrors, e]
+        return {...state, errors: {...state.errors, [commentCid]: commentErrors}}
+      })
       throw e
     } finally {
       plebbitGetCommentPending[commentCid + account.id] = false