schema icon indicating copy to clipboard operation
schema copied to clipboard

Create resolver for react-hook-form

Open darkowic opened this issue 3 years ago • 1 comments

React hook form is a popular form validation library that supports forms schema resolving by resolver API (https://github.com/react-hook-form/resolvers). Resolvers are already implemented for validators like yup, superstruct, etc which are natural competitors for this library.

For me, it seems like a common use-case to use schema definitions to validate forms. But to do that we need to first support reporting errors per object attribute (#13).

Resolver draft (trying to do it here):

export const schemaResolver = (schema) => {
  const validator = validate(schema);

  return (values) => {
    try {
      return {
        values: validator(values),
        errors: {}
      };
    } catch (e) {
      const errors = /* get errors per schema attribute, each error should be a string */

      return {
        values: {},
        errors: errors
      };
    }
  };
}

darkowic avatar Mar 23 '21 21:03 darkowic

Blocked by #13

typeofweb avatar Mar 23 '21 23:03 typeofweb