Oi, no meu codigo apenas está a aparecer a validação para o email.

import PubSub from 'pubsub-js';

class ErrorProcess {
    errorPublisher(param) {
        param.then(e => console.log(e));
        param.then(err => {
            err.errors.map((error) => {
                // return console.log(error);
                return PubSub.publish('validation-error', error);
            });
        });
    }
}

export default ErrorProcess;



import React, { Component } from 'react';
import PubSub from 'pubsub-js';

class CustomInput extends Component {
  state = {
    errorInfo: ''
  };

  componentDidMount() {
    PubSub.subscribe(
      "validation-error",
      function(topic, error) {
        if (error.field === this.props.name) {
          this.setState({ errorInfo: error.defaultMessage });
        }
        //console.log(error);
      }.bind(this)
    );
  }

  render() {
    return (
      <div className="pure-control-group">
        <label htmlFor={this.props.id}>{this.props.label}</label>
        <input
          id={this.props.id}
          type={this.props.type}
          name={this.props.name}
          value={this.props.value}
          onChange={this.props.onChange}
        />
        <span className="error">{this.state.errorInfo}</span>
      </div>
    );
  }
}

export default CustomInput;