react-hook-form 7.24.0 → 7.24.1

package/dist/index.esm.mjs

@@ -285,8 +285,8 @@ function useController(props) {
         formState,
         fieldState: {
             invalid: !!get(formState.errors, name),
-            isDirty: !!get(formState.dirtyFields, name),
-            isTouched: !!get(formState.touchedFields, name),
+            isDirty: get(formState.dirtyFields, name),
+            isTouched: get(formState.touchedFields, name),
             error: get(formState.errors, name),
         },
     };
@@ -1378,7 +1378,8 @@ function createFormControl(props = {}) {
     const setValue = (name, value, options = {}) => {
         const field = get(_fields, name);
         const isFieldArray = _names.array.has(name);
-        set(_formValues, name, value);
+        const cloneValue = cloneObject(value);
+        set(_formValues, name, cloneValue);
         if (isFieldArray) {
             _subjects.array.next({
                 name,
@@ -1390,14 +1391,14 @@ function createFormControl(props = {}) {
                 _subjects.state.next({
                     name,
                     dirtyFields: _formState.dirtyFields,
-                    isDirty: _getDirty(name, value),
+                    isDirty: _getDirty(name, cloneValue),
                 });
             }
         }
         else {
-            field && !field._f && !isNullOrUndefined(value)
-                ? setValues(name, value, options)
-                : setFieldValue(name, value, options);
+            field && !field._f && !isNullOrUndefined(cloneValue)
+                ? setValues(name, cloneValue, options)
+                : setFieldValue(name, cloneValue, options);
         }
         isWatched(name, _names) && _subjects.state.next({});
         _subjects.watch.next({
@@ -1502,6 +1503,12 @@ function createFormControl(props = {}) {
                 ? get(values, fieldNames)
                 : fieldNames.map((name) => get(values, name));
     };
+    const _getFieldState = (name, formState) => ({
+        invalid: !!get((formState || _formState).errors, name),
+        isDirty: get((formState || _formState).dirtyFields, name),
+        isTouched: get((formState || _formState).touchedFields, name),
+        error: get((formState || _formState).errors, name),
+    });
     const clearErrors = (name) => {
         name
             ? convertToArrayPayload(name).forEach((inputName) => unset(_formState.errors, inputName))
@@ -1830,6 +1837,7 @@ function createFormControl(props = {}) {
         unregister,
         setError,
         setFocus,
+        _getFieldState,
     };
 }