react-hook-form 7.43.5 → 7.43.6

package/dist/index.esm.mjs

@@ -420,7 +420,11 @@ function useController(props) {
         };
         updateMounted(name, true);
         if (_shouldUnregisterField) {
-            set(control._defaultValues, name, cloneObject(get(control._options.defaultValues, name)));
+            const value = cloneObject(get(control._options.defaultValues, name));
+            set(control._defaultValues, name, value);
+            if (isUndefined(get(control._formValues, name))) {
+                set(control._formValues, name, value);
+            }
         }
         return () => {
             (isArrayField
@@ -1394,7 +1398,7 @@ function createFormControl(props = {}, flushRootRender) {
     let _formState = {
         submitCount: 0,
         isDirty: false,
-        isLoading: true,
+        isLoading: isFunction(_options.defaultValues),
         isValidating: false,
         isSubmitted: false,
         isSubmitting: false,
@@ -1608,7 +1612,7 @@ function createFormControl(props = {}, flushRootRender) {
                 const { _f, ...fieldValue } = field;
                 if (_f) {
                     const isFieldArrayRoot = _names.array.has(_f.name);
-                    const fieldError = await validateField(field, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation, isFieldArrayRoot);
+                    const fieldError = await validateField(field, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation && !shouldOnlyCheckValid, isFieldArrayRoot);
                     if (fieldError[_f.name]) {
                         context.valid = false;
                         if (shouldOnlyCheckValid) {
@@ -1745,6 +1749,7 @@ function createFormControl(props = {}, flushRootRender) {
     const onChange = async (event) => {
         const target = event.target;
         let name = target.name;
+        let isFieldValueUpdated = true;
         const field = get(_fields, name);
         const getCurrentFieldValue = () => target.type ? getFieldValue(field._f) : getEventValue(event);
         if (field) {
@@ -1791,16 +1796,21 @@ function createFormControl(props = {}, flushRootRender) {
             }
             else {
                 error = (await validateField(field, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name];
-                if (error) {
-                    isValid = false;
-                }
-                else if (_proxyFormState.isValid) {
-                    isValid = await executeBuiltInValidation(_fields, true);
+                isFieldValueUpdated = fieldValue === get(_formValues, name, fieldValue);
+                if (isFieldValueUpdated) {
+                    if (error) {
+                        isValid = false;
+                    }
+                    else if (_proxyFormState.isValid) {
+                        isValid = await executeBuiltInValidation(_fields, true);
+                    }
                 }
             }
-            field._f.deps &&
-                trigger(field._f.deps);
-            shouldRenderByError(name, isValid, error, fieldState);
+            if (isFieldValueUpdated) {
+                field._f.deps &&
+                    trigger(field._f.deps);
+                shouldRenderByError(name, isValid, error, fieldState);
+            }
         }
     };
     const trigger = async (name, options = {}) => {
@@ -2269,7 +2279,7 @@ function useForm(props = {}) {
     const [formState, updateFormState] = React.useState({
         isDirty: false,
         isValidating: false,
-        isLoading: true,
+        isLoading: isFunction(props.defaultValues),
         isSubmitted: false,
         isSubmitting: false,
         isSubmitSuccessful: false,