Why is the below error not being caught in the catch block

peopleService.create(personObject).then((returnedPerson) => {
  setPersons(persons.concat(returnedPerson));
  setMessage(`Added ${personObject.name}`);
  setNewName(" ");
  setPhone(" ");
  setTimeout(() => {
    setMessage(null);
  }, 3000);
}).catch(error =>{
 console.log(`${error.response.data.error}`)      
})

Full code repo is HERE. Here is the error thrown when I enter a person whose name is shorter than 3 letters: HERE