fix: only show value proxy warning if the value is an object

logaretm · May 7, 2023 · 18f3c1c · 18f3c1c
1 parent ab9610f
commit 18f3c1c
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/vee-validate/src/useField.ts b/packages/vee-validate/src/useField.ts
@@ -44,7 +44,7 @@ import {
   lazyToRef,
   unravel,
 } from './utils';
-import { isCallable } from '../../shared';
+import { isCallable, isObject } from '../../shared';
 import { FieldContextKey, FormContextKey, IS_ABSENT } from './symbols';
 import { useFieldState } from './useFieldState';
 import { refreshInspector, registerSingleFieldWithDevtools } from './devtools';
@@ -284,6 +284,10 @@ function _useField<TValue = unknown>(
     watch(
       valueProxy,
       (value, oldValue) => {
+        if (!isObject(value)) {
+          return;
+        }
+
         if (value === oldValue && isEqual(value, oldValue)) {
           warn(
             'Detected a possible deep change on field `value` ref, for nested changes please either set the entire ref value or use `setValue` or `handleChange`.'