errors: Record<keyof TForm, string>

errors: Partial<Record<keyof TForm, string>>

function useValidatedForm<T extends Record<string, FormDataConvertible>>(schema: Schema, initialData?: T) {
  const form = useForm<T>(initialData);

  const isValid = useCallback(
    (data: T, schema: Schema) => {
      try {
        form.clearErrors();
        schema.validateSync(data, { abortEarly: false });
        return true;
      } catch (errors: any) {
        const validationErrors: Partial<Record<keyof T, string>> = {};

        errors.inner.forEach((error: ValidationError) => {
          if (error.path !== undefined) {
            validationErrors[error.path as keyof T] = error.errors[0];
          }
        });

        form.setError(validationErrors as Record<keyof T, string>);
        return false;
      }
    },
    [form],
  );

  const submit = useCallback(
    (method: Method, url: string, options?: VisitOptions) => {
      return form.submit(method, url, {
        ...options,
        onBefore: (visit) => {
          if (!isValid(form.data, schema)) {
            return false;
          }

          if (options?.onBefore) {
            return options.onBefore(visit);
          }
        },
      });
    },
    [form, schema, isValid],
  );

  return {
    ...form,
    submit,
  };
}