Refactor(useForm): remove unnecessary logic

.changeset/thick-seahorses-tie.md

@@ -0,0 +1,5 @@
+---
+"react-cool-form": patch
+---
+
+Refactor(useForm): remove unnecessary logic

app/src/Playground/index.tsx

@@ -3,10 +3,8 @@ import { useForm } from "react-cool-form";
 export default () => {
  const { form, getState, runValidation, field } = useForm({
  defaultValues: { t1: "", t2: "" },
- validate: async (values) => {
+ validate: (values) => {
  const errors = {};
- // eslint-disable-next-line compat/compat
- await new Promise((r) => setTimeout(r, 2000));
  // if (!values.t1.length) errors.t2 = "Form Required";
  return errors;
  },
@@ -15,7 +13,7 @@ export default () => {
  console.log(
  "LOG ===> ",
  getState(
- { isValidating: "isValidating", errors: "errors" },
+ { errors: "errors" },
  {
  filterUntouchedError: false,
  }
@@ -24,16 +22,7 @@ export default () => {
 
  return (
  <form ref={form} noValidate>
- <input
- name="t1"
- // ref={field(async (value) => {
- // // eslint-disable-next-line compat/compat
- // await new Promise((r) => setTimeout(r, 2000));
- // // if (!value) return "Field Required";
- // return false;
- // })}
- // required
- />
+ <input name="t1" ref={field((value) => false)} />
  <input name="t2" required />
  <input type="submit" />
  <button

src/useForm.ts

@@ -398,17 +398,14 @@ export default <V extends FormValues = FormValues>({
  if (builtInValidationMode === false || !fieldsRef.current[name])
  return undefined;
 
- const {
- field: { validationMessage, validity },
- } = fieldsRef.current[name];
+ const { field } = fieldsRef.current[name];
 
- if (builtInValidationMode === "message" && validationMessage)
- return validationMessage;
+ if (builtInValidationMode === "message") return field.validationMessage;
 
  // eslint-disable-next-line no-restricted-syntax
- for (const k in validity) {
+ for (const k in field.validity) {
  // @ts-expect-error
- if (k !== "valid" && validity[k]) return k;
+ if (k !== "valid" && field.validity[k]) return k;
  }
 
  return undefined;