accounts-frontend/src/components/ui/form/FormInputComponent.js

// @flow
import type { MessageDescriptor } from 'react-intl';
import React from 'react';

import FormComponent from './FormComponent';
import FormError from './FormError';

type Error = string | MessageDescriptor;

export default class FormInputComponent<P, S = void> extends FormComponent<
  P & {
    error?: Error,
  },
  S & {
    error?: Error,
  },
> {
  componentWillReceiveProps() {
    if (this.state && this.state.error) {
      Reflect.deleteProperty(this.state, 'error');

      this.setState(this.state);
    }
  }

  renderError() {
    const error = (this.state && this.state.error) || this.props.error;

    return <FormError error={error} />;
  }

  setError(error: Error) {
    this.setState({ error });
  }
}