react-hook-form 7.37.0-next.0 → 7.37.0

package/dist/index.esm.mjs

@@ -395,9 +395,9 @@ function useController(props) {
                 },
                 type: EVENTS.BLUR,
             }), [name, control]),
-            ref: React.useCallback((elm) => {
+            ref: (elm) => {
                 const field = get(control._fields, name);
-                if (elm && field && elm.focus) {
+                if (field && elm) {
                     field._f.ref = {
                         focus: () => elm.focus(),
                         select: () => elm.select(),
@@ -405,7 +405,7 @@ function useController(props) {
                         reportValidity: () => elm.reportValidity(),
                     };
                 }
-            }, [name, control._fields]),
+            },
         },
         formState,
         fieldState: Object.defineProperties({}, {
@@ -793,10 +793,10 @@ function append(data, value) {
     return [...data, ...convertToArrayPayload(value)];
 }
 
-function isPlainObject(tempObject) {
+var isPlainObject = (tempObject) => {
     const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
     return (isObject(prototypeCopy) && prototypeCopy.hasOwnProperty('isPrototypeOf'));
-}
+};
 
 var isWeb = typeof window !== 'undefined' &&
     typeof window.HTMLElement !== 'undefined' &&
@@ -1081,7 +1081,9 @@ function useFieldArray(props) {
     React.useEffect(() => {
         control._stateFlags.action = false;
         isWatched(name, control._names) && control._subjects.state.next({});
-        if (_actioned.current) {
+        if (_actioned.current &&
+            (!getValidationModes(control._options.mode).isOnSubmit ||
+                control._formState.isSubmitted)) {
             if (control._options.resolver) {
                 control._executeSchema([name]).then((result) => {
                     const error = get(result.errors, name);
@@ -1098,11 +1100,7 @@ function useFieldArray(props) {
             }
             else {
                 const field = get(control._fields, name);
-                const validationModeBeforeSubmit = getValidationModes(control._options.mode);
-                if ((!validationModeBeforeSubmit.isOnSubmit ||
-                    control._formState.isSubmitted) &&
-                    field &&
-                    field._f) {
+                if (field && field._f) {
                     validateField(field, get(control._formValues, name), control._options.criteriaMode === VALIDATION_MODE.all, control._options.shouldUseNativeValidation, true).then((error) => !isEmptyObject(error) &&
                         control._subjects.state.next({
                             errors: updateFieldArrayRootError(control._formState.errors, error, name),
@@ -1655,7 +1653,7 @@ function createFormControl(props = {}) {
                         ? ''
                         : value;
                 if (isMultipleSelect(fieldReference.ref)) {
-                    [...fieldReference.ref.options].forEach((selectRef) => (selectRef.selected = fieldValue.includes(selectRef.value)));
+                    [...fieldReference.ref.options].forEach((optionRef) => (optionRef.selected = fieldValue.includes(optionRef.value)));
                 }
                 else if (fieldReference.refs) {
                     if (isCheckBoxInput(fieldReference.ref)) {