Следующая функция извлечения не возвращает обещание. Я получаю ошибку возврата сервера 404 не найден. Я удостоверился, что значения состояния инициализируются, но мне интересно, почему выдается ошибка, и функция catch выполняет предупреждение, что «не удалось сохранить неопределенное»

import React, { Component } from 'react';
import '../App.css';
import 'bootstrap/dist/css/bootstrap.min.css';

class SignUp extends Component {
    constructor(props){
        super(props);
        this.UserRegistrationFunction = this.UserRegistrationFunction.bind(this);
        this.state = {firstName : ""}   
}

componentDidMount(){

}

handleFirstNameChange = event ={amp}gt; {
    event.preventDefault();
    this.setState({firstName: event.target.value});
}

UserRegistrationFunction = (event) ={amp}gt; {
    event.preventDefault();
    const {FirstName} = 'ok'//this.state.firstName;
    var url = 'http://localhost:3000/signUp'
    var answer = fetch(url, {
      method: 'POST',
      headers: {
      'Content-Type': 'application/json',
      },
      body: JSON.stringify({
          firstName: 'ok'
      })
    }).then((response) ={amp}gt; response.json()) 
    .then((responseJson) ={amp}gt; {
        alert(responseJson.value);
      this.props.history.push('/');

    })
    .catch((error) ={amp}gt; {
      alert('Failed to Save. '   answer.value);
    });
}


render() {

return (
  {amp}lt;div className="App bg-info w-50 float-right"{amp}gt;
    {amp}lt;h1{amp}gt;Sign up{amp}lt;/h1{amp}gt;
    {amp}lt;form onSubmit={this.UserRegistrationFunction} method="POST" className=""{amp}gt;
    {amp}lt;div className="form-group row"{amp}gt;
        {amp}lt;input className="form-control mx-auto w-50 "  type="text" onChange={this.handleFirstNameChange} firstname={this.state.firstName} placeholder={(this.props.location.state !== undefined) ? this.props.location.state.user_firstName: 'FirstName'} required  size="10"/{amp}gt;{amp}lt;br/{amp}gt;
      {amp}lt;/div{amp}gt;
      {amp}lt;input className="btn bg-primary text-light" type="submit" value="Save" /{amp}gt;
    {amp}lt;/form{amp}gt;
  {amp}lt;/div{amp}gt;
);

 }
}

export default SignUp;