Interactive comment section with React, Tailwind CSS and Redux Toolkit

These code snippets came to my rescue after hours of brainstorming and debugging

editComment(state, action) {
      const { index, text, parentIndex } = action.payload;
      let commentsCopy = [...state.comments];
      Number.isInteger(parentIndex)
        ? (commentsCopy[parentIndex].replies[index].content = text)
        : (commentsCopy[index].content = text);
      state.comments = [...commentsCopy];
    }

useEffect(() => {
  if (mode === "reply") {
    setInput(`@${replyingTo} `);
    setInputRef();
  }
}, [mode]);