Попытка извлечь DELTE, но продолжает получать синтаксическую ошибку: Неожиданный конец ввода JSON

Question

Я пытаюсь сделать запрос на извлечение DELETE из моего клиентского приложения React и получаю следующую ошибку при попытке удалить заметку из моего приложения:

ошибка: ошибка синтаксиса: неожиданный конец ввода JSON

Я получаю эту ошибку в консоли и все равно вижу заметку, однако, если я обновлю страницу, заметка исчезнет. Как я могу это исправить?

handleClickDelete = e => {
  e.preventDefault();
  const noteId = this.props.id;

  fetch(`http://localhost:8000/api/notes/${noteId}`, {
      method: "DELETE",
      headers: {
        "content-type": "application/json"
      }
    })
    .then(res => {
      if (!res.ok) return res.json().then(error =>
        Promise.reject(error));
      return res.json();
    })
    .then(() => {
      this.context.removeNote(noteId);
      this.props.onDeleteNote(noteId);
    })
    .catch(error => {
      console.error({
        error
      });
    });
};