Allow setting error as prop.

Problem. Currently the error is tightly bound to the final form wrapper. While this is what you want in 90% of all cases. There are situation where developers need to set the error from outside. While it is possible to handle the when using the showError prop. It is not possible to set the fieldProp to the error state.

Allow setting the fieldProp to an error state

the textfield code could look like this:

  const {
    input: { name, value, type, onChange, onBlur, onFocus, ...restInput },
    meta: propMeta,
    required,
    fullWidth = true,
    helperText,
    error: propError,
    showError = showErrorOnChange,
    ...rest
  } = props;
  const { error, submitError } = meta;
  const isError = showError({ meta, propError });

  return (
    <MuiTextField
      fullWidth={fullWidth}
      helperText={isError ? propError || error || submitError : helperText}
      error={isError}
//....

While the show error methods could check wether propError == null then do the old behavior otherwise override submitError and meta.error.

lookfirst / mui-rff

Allow setting error as prop. #693