"should be equal to one of the allowed values" for async field

Description

I created an Async Select widget out of react-select, this select widget can download/update options based on user input.

Steps to Reproduce

[Default enum] -> jsonschema -> Display Select with custom widget -> User type words to search -> The Select update the options -> User choose a new option -> “should be equal to one of the allowed values”

Expected behavior

The new options are allowed.

Please let me know:

1. How can I remove this validate
2. Or, how can I added the new options downloaded from async function and make them allowed at the widget level (field).

Actual behavior

Error: should be equal to one of the allowed values

Version

“react-jsonschema-form”: “^1.0.0”,

[weasteam]

After many tests, I think I found the solution:

1. Create function transformErrors to remove errors of should be equal to one of the allowed values

    transformErrors=(errors) =>{
        console.log(errors);
        var e = [];
          errors.map(error => {
            if (error.message !== "should be equal to one of the allowed values"){
                e.push(error)
            }
          });
          console.log(e);
          return e;
    }

1. Pass the transformErrors to form:

<Form
    schema={this.state.schema}
    onChange={this.handleChange}
    formData={this.state.formData}
    transformErrors={this.transformErrors}
/>

That is it. It will ignore all validation.

[glasserc]

I think if the schema can allow arbitrary values, then enum isn’t really right for this field. Modifying the schema is I guess one option, but maybe you should just override that one widget using uiSchema and provide a select widget that has an initial set of values instead of using enum to provide those values.