How to add state to reducer.js?

Question

React

Hello, in the reducer, when adding a comment to the list of comments, I do this:

case ADD_PRODUCT_COMMENT:
            return {
                ...state,
                allComments: [...state.comments.allComments, action.payload],
            };

but when adding allComments is not updated but adds updated allComments next to comments

How to do it right? To update the existing allComments.
Thank you.

Answer 1

case ADD_PRODUCT_COMMENT:
  return {
    ...state,
    comments: {
      ...state.comments,
      allComments: [
        ...state.comments.allComments,
        action.payload,
      ],
     },
  };