From a1e360186d48f8d15252b4108f9b6e6a377a1ac5 Mon Sep 17 00:00:00 2001
From: Mike Turley <mike.turley@alum.cs.umass.edu>
Date: Thu, 22 Apr 2021 18:49:44 -0400
Subject: [PATCH] fix(useformstate): hotfix: we needed AnySchema<T> instead of
 SchemaOf<T> for the yup breaking change (#59)

BREAKING CHANGE: useFormState and useFormField now require `yup.AnySchema<T>` schema types instead
of the `yup.SchemaOf<T>` which was not behaving correctly with boolean fields.
---
 src/hooks/useFormState/useFormState.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/hooks/useFormState/useFormState.ts b/src/hooks/useFormState/useFormState.ts
index d2a4260..64e6fe7 100644
--- a/src/hooks/useFormState/useFormState.ts
+++ b/src/hooks/useFormState/useFormState.ts
@@ -12,7 +12,7 @@ export interface IFormField<T> {
   isTouched: boolean;
   setIsTouched: (isTouched: boolean) => void;
   reset: () => void;
-  schema: yup.SchemaOf<T>;
+  schema: yup.AnySchema<T>;
 }
 
 export interface IValidatedFormField<T> extends IFormField<T> {
@@ -52,7 +52,7 @@ export interface IFormState<TFieldValues> {
 
 export const useFormField = <T>(
   initialValue: T,
-  schema: yup.SchemaOf<T>,
+  schema: yup.AnySchema<T>,
   options: { initialTouched?: boolean } = {}
 ): IFormField<T> => {
   const [initializedValue, setInitializedValue] = React.useState<T>(initialValue);
@@ -109,7 +109,7 @@ export const useFormState = <TFieldValues>(
       lastValuesRef.current = values;
       const schemaShape = fieldKeys.reduce(
         (newObj, key) => ({ ...newObj, [key]: fields[key].schema }),
-        {} as { [key in keyof TFieldValues]: yup.SchemaOf<TFieldValues[key]> }
+        {} as { [key in keyof TFieldValues]: yup.AnySchema<TFieldValues[key]> }
       );
       const schema = yup.object().shape(schemaShape);
       setHasRunInitialValidation(true);