Erro 500 no POST de comentários

      curtiram

    </div>

    <p className="foto-info-legenda">
      <a className="foto-info-autor">autor </a>
      {this.props.foto.comentario}
    </p>

    <ul className="foto-info-comentarios">
      {
        this.state.comentarios.map(comentario => {
          return (
            <li className="comentario" key={comentario.id}>
              <Link to={`/timeline/${comentario.login}`} className="foto-info-autor">{comentario.login} </Link>
              {comentario.texto}
            </li>
          );
        })
      }
    </ul>
  </div>
);

}

comenta(event){ event.preventDefault(); const requestInfo={ method:'POST', body:JSON.stringify({text:this.comentario.value}), headers:new Headers({ 'Content-type':'application/json' }) };

fetch(`https://instalura-api.herokuapp.com/api/fotos/${this.props.foto.id}/comment?X-AUTH-TOKEN=${localStorage.getItem('auth-token')}`, requestInfo)
  .then(response =>{
    if (response.ok) {
      return response.json();
    }else{
      console.log(response)
      throw new Error("não foi possível comentar");
    }
  })
  .then(infoComentario => {
    Pubsub.publish('novos-comentarios', {fotoId:this.props.foto.id, infoComentario});
  })

}