discount-code-name-field.js

const DiscountCodeNameField = props => (
   <React.Fragment>
      <TextInput
         name="name"
         value={props.formik.values.name}
         hasError={Boolean(
            props.formik.touched.name && props.formik.errors.name
         )}
         onChange={props.formik.handleChange}
         onBlur={props.formik.handleBlur}
         isDisabled={props.formik.isSubmitting}
      />
      <ValidationError.Switch
         errors={props.formik.errors.name}
         isTouched={props.formik.touched.name}
      >
         <ValidationError.Match rule="required">
            <ErrorMessage>
               <FormattedMessage {...messages.required} />
            </ErrorMessage>
         </ValidationError.Match>
      </ValidationError.Switch>
   </React.Fragment>
);