React custom form validation hook implementation

Hard

Your team is implementing a custom form validation library. Complete the missing code in this custom hook:

ReactFormsValidationCustom hooksAsync

1function useFormValidation(initialValues, validationSchema) {
const [values, setValues] = useState(initialValues);
const [errors, setErrors] = useState({});
const [touched, setTouched] = useState({});
const validateRef = useRef(null);
6
useEffect(() => {
  validateRef.current = debounce(async (fieldValues) => {
    try {
      // Missing validation logic here
    } catch (validationErrors) {
      // Missing error handling here
    }
  }, 300);
}, [validationSchema]);
16
const handleChange = (event) => {
  const { name, value } = event.target;
  setValues(prev => ({
    ...prev,
    [name]: value
  }));
  validateRef.current?.(/* Missing argument */);
};
25
return {
  values,
  errors,
  touched,
  handleChange,
  // ... rest of the implementation
};
33}

Your team is implementing a custom form validation library. Complete the missing code in this custom hook:

Hint