Как скрывать иконку удаления сообщения от НЕ-владельца этого сообщения?

У меня есть приложение-чат. Задача - показывать кнопку "удалить" только владельцу самого сообщения.

Изначально пытался решить эту задачу как-то вроде

const checkMessageOwner = !messages ? [ ] : messages.some(user => user.owner === curUser.id);
const cardDeleteButtonClassName = `message__btn ${
checkMessageOwner ? "message__btn_display_true" : "message__btn_display_false"}`;

Где messages - это массив с сообщениями. 
Где owner - id владельца сообщения
Где curUser.id - это айдишник текущего пользователя. 

И с единичным сообщением вроде как работает. То есть у другого пользователя иконка удаления не появляется. Но если нажать на кнопку удаления своего сообщения, то иконки "удалить" появляются снова на всех сообщениях, включая не свои. Куда можно смотреть? Буду благодарен за помощь.

Также иконки удаления появляются даже в случае добавления нового сообщения.

Запрос к АПИ на удаление: 
export function handleDeleteMessage(token, id) {
  return async (dispatch) => {
    try {
      await chat.deleteMessage(token, id);
      dispatch({ type: REMOVE_MESSAGE, payload: id });
    } catch (err) {
      if (err === 409) {
        console.log(err);
      }
    } finally {
    }
  };
}
Сам редьюсер: 
export const chatReducer = (state = initialState, action) => {
  switch (action.type) {
    case GET_MESSAGES:
      return { ...state, messages: action.payload };

    case REMOVE_MESSAGE:
      const id = action.payload;
      return {
        ...state,
        messages: [...state.messages.filter((item) => item._id !== id)],
      };

    case ADD_MESSAGE:
      return {...state, message: action.payload};

    default:
      return state;
  }
};

Изображение


Ответы (1 шт):

Автор решения: Cabagemage

Получилось решить проблему очень просто. Я просто прописал JSX-код, где сравнил, является ли идентичным айдишник пользователя и овнера.

Решение

→ Ссылка