The Formsy didn't show error message when the input left blank

[hungbang]

The Formsy didn't show error message when the input left blank, even I did set the required for the input

[hungbang]

Who anyone can help this issue? Thank you in advance !

[hungbang]

import React, { Component } from 'react';
import { TextField } from '@material-ui/core';
import { withFormsy } from 'formsy-react';
import _ from '@lodash';
import keycode from 'keycode';

class TextFieldFormsy extends Component {
  changeValue = event => {
    this.props.setValue(event.currentTarget.value);
    if (this.props.onChange) {
      this.props.onChange(event);
    }
  };

  blurValue = event => {
    this.props.setValue(event.currentTarget.value);
    if (this.props.onBlur) {
      this.props.onBlur(event);
    }
  };

  keyDown = event => {
    if (keycode(event) === 'enter') this.setValue(event.currentTarget.value);
    if (this.props.onKeyDown)
      this.props.onKeyDown(event, event.currentTarget.value);
  };

  render() {
    const importedProps = _.pick(this.props, [
      'autoComplete',
      'autoFocus',
      'children',
      'className',
      'defaultValue',
      'disabled',
      'FormHelperTextProps',
      'fullWidth',
      'id',
      'InputLabelProps',
      'inputProps',
      'InputProps',
      'inputRef',
      'label',
      'multiline',
      'name',
      'onBlur',
      'onChange',
      'onFocus',
      'placeholder',
      'required',
      'rows',
      'rowsMax',
      'select',
      'SelectProps',
      'type',
      'variant',
      'requiredError'
    ]);
    const {
      isRequired,
      isPristine,
      isValid,
      showRequired,
      validationErrors
    } = this.props;

    const isRequiredError =
      isRequired() &&
      !isPristine() &&
      !isValid() &&
      showRequired() &&
      validationErrors.requiredError;

    const errorMessage = this.props.getErrorMessage() || isRequiredError;
    const value = this.props.getValue() || '';

    return (
      <TextField
        {...importedProps}
        onChange={this.changeValue}
        onBlur={this.blurValue}
        onKeyDown={this.keyDown}
        value={value}
        error={Boolean(errorMessage)}
        helperText={errorMessage}
      />
    );
  }
}

export default withFormsy(TextFieldFormsy);

[th3fallen]

This is actually occuring for us too on v2. seems like an oversight to supress the error message when required is set to true.