react-hook-form 7.55.0-next.2 → 7.55.0-next.3

package/dist/index.esm.mjs

@@ -106,7 +106,6 @@ var set = (object, path, value) => {
         object[key] = newValue;
         object = object[key];
     }
-    return object;
 };
 
 const EVENTS = {
@@ -323,7 +322,7 @@ function useWatch(props) {
         },
         exact,
         callback: (formState) => !disabled &&
-            updateValue(cloneObject(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, defaultValue))),
+            updateValue(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, defaultValue)),
     }), [control, defaultValue, disabled, exact]);
     const [value, updateValue] = React.useState(control._getWatch(name, defaultValue));
     React.useEffect(() => control._removeUnmounted());
@@ -369,6 +368,7 @@ function useController(props) {
         name,
         exact: true,
     });
+    const _props = React.useRef(props);
     const _registerProps = React.useRef(control.register(name, {
         ...props.rules,
         value,
@@ -433,6 +433,12 @@ function useController(props) {
     }), [name, disabled, formState.disabled, onChange, onBlur, ref, value]);
     React.useEffect(() => {
         const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
+        control.register(name, {
+            ..._props.current.rules,
+            ...(isBoolean(_props.current.disabled)
+                ? { disabled: _props.current.disabled }
+                : {}),
+        });
         const updateMounted = (name, value) => {
             const field = get(control._fields, name);
             if (field && field._f) {
@@ -1590,7 +1596,7 @@ function createFormControl(props = {}) {
                     if (!fieldReference.ref.type) {
                         _subjects.state.next({
                             name,
-                            values: { ..._formValues },
+                            values: cloneObject(_formValues),
                         });
                     }
                 }
@@ -1621,7 +1627,7 @@ function createFormControl(props = {}) {
         if (isFieldArray) {
             _subjects.array.next({
                 name,
-                values: { ..._formValues },
+                values: cloneObject(_formValues),
             });
             if ((_proxyFormState.isDirty ||
                 _proxyFormState.dirtyFields ||
@@ -1643,7 +1649,7 @@ function createFormControl(props = {}) {
         isWatched(name, _names) && _subjects.state.next({ ..._formState });
         _subjects.state.next({
             name: _state.mount ? name : undefined,
-            values: { ..._formValues },
+            values: cloneObject(_formValues),
         });
     };
     const onChange = async (event) => {
@@ -1685,7 +1691,7 @@ function createFormControl(props = {}) {
                 _subjects.state.next({
                     name,
                     type: event.type,
-                    values: { ..._formValues },
+                    values: cloneObject(_formValues),
                 });
             if (shouldSkipValidation) {
                 if (_proxyFormState.isValid || _proxySubscribeFormState.isValid) {
@@ -1826,7 +1832,7 @@ function createFormControl(props = {}) {
             if (shouldSubscribeByName(props.name, formState.name, props.exact) &&
                 shouldRenderFormState(formState, props.formState || _proxyFormState, _setFormState, props.reRenderRoot)) {
                 props.callback({
-                    values: _formValues,
+                    values: { ..._formValues },
                     ..._formState,
                     ...formState,
                 });
@@ -1862,7 +1868,7 @@ function createFormControl(props = {}) {
                 unset(_defaultValues, fieldName);
         }
         _subjects.state.next({
-            values: { ..._formValues },
+            values: cloneObject(_formValues),
         });
         _subjects.state.next({
             ..._formState,
@@ -2526,7 +2532,7 @@ function useFieldArray(props) {
         }
         control._subjects.state.next({
             name,
-            values: { ...control._formValues },
+            values: cloneObject(control._formValues),
         });
         control._names.focus &&
             iterateFieldsByAction(control._fields, (ref, key) => {