Фильтр метода массива не удаляет элементы React Redux

Question

Я работаю над простым приложением со списком задач, в котором я хочу управлять всеми состояниями в Redux вместо React. Пользователь может добавлять или удалять элементы по нажатию кнопки, я управляю всеми состояниями в Redux, включая Onchange, но я У меня проблема, когда пользователь удаляет элемент, кажется, что он обновляет DOM, но всякий раз, когда я пытаюсь добавить другой элемент, он читает все элементы, которые я ранее удалил.

вот фрагмент кода для этого :

РЕАГИРОВАННАЯ СТОРОНА

  onDeleteClick = (id) => {
    this.props.deleteItem(id);
  };

ДЕЙСТВИЕ REDUX

export const deleteItem = (id) => {
  return {
    type: "DELETE_ITEM",
    payload: id,
  };
};

REDUX REDUCER

   case "DELETE_ITEM":
      const filteredState = state.todo.filter(
        (item) => item.id !== action.payload
      );
      return {
        ...state,
        todo: filteredState,
      };