Я получаю ошибку 422 для функции, которая работает

Я создаю приложение для списка сегментов и включил функцию, позволяющую пользователям удалять элементы/документы из своего списка сегментов/базы данных. Когда функция вызывается, я получаю сообщение об ошибке HTTP 422 Unprocessable Entity, что заставляет меня поверить, что функция не работает. Однако, когда я обновляю страницу, данные были успешно удалены из базы данных.

Вот функция удаления элемента списка (документа из базы данных):

  handleDelete = id => {
    API.deleteItemFromList(this.props.match.params.id)
      .then(res => console.info(res.data))
      .catch(err => console.info(err));
  };

А вот код API:

  deleteItemFromList: function(id) {
    return axios.delete("/api/bucketList/" + id);
  }
};

В общем, функция работает, но не работает, и я не понимаю, почему. И я хотел бы иметь возможность удалить элемент из списка без каких-либо ошибок.

Я почти уверен, что предоставил весь необходимый код, но если я что-то упустил, или если есть что-то еще, что вам нужно или вы хотели бы увидеть, дайте мне знать.

Спасибо заранее!