fix: trigger validation netsted field

src/__tests__/useForm/setValue.test.tsx

@@ -1386,4 +1386,54 @@ describe('setValue', () => {
     expect(screen.getByText('dirty')).toBeVisible();
     expect(screen.getByText('touched')).toBeVisible();
   });
+
+  it('should be able to set to empty array value', () => {
+    const App = () => {
+      const { register, setValue } = useForm({
+        values: {
+          item1: {
+            positions: [{ activities: ['Value1', 'Value2'] }],
+          },
+          item2: {
+            positions: [{ activities: ['Value1', 'Value2'] }],
+          },
+        },
+      });
+
+      return (
+        <form>
+          <input
+            {...register('item1.positions.0.activities')}
+            data-testid={'a'}
+          />
+          <input
+            {...register('item2.positions.0.activities')}
+            data-testid={'b'}
+          />
+
+          <button
+            type="button"
+            onClick={() => {
+              setValue('item1.positions', [{ activities: [] }], {
+                shouldValidate: true,
+              });
+
+              setValue('item2.positions.0.activities', [], {
+                shouldValidate: true,
+              });
+            }}
+          >
+            Reset
+          </button>
+        </form>
+      );
+    };
+
+    render(<App />);
+
+    fireEvent.click(screen.getByRole('button'));
+
+    expect((screen.getByTestId('a') as HTMLInputElement).value).toEqual('');
+    expect((screen.getByTestId('b') as HTMLInputElement).value).toEqual('');
+  });
 });

src/__tests__/utils/isEmptyArray.test.ts

@@ -0,0 +1,20 @@
+import isEmptyArray from '../../utils/isEmptyArray';
+
+describe('isEmptyArray', () => {
+  it('should return true when value is an empty array', () => {
+    expect(isEmptyArray([])).toBeTruthy();
+  });
+
+  it('should return false when value is not an empty array', () => {
+    expect(isEmptyArray(null)).toBeFalsy();
+    expect(isEmptyArray(undefined)).toBeFalsy();
+    expect(isEmptyArray(-1)).toBeFalsy();
+    expect(isEmptyArray(0)).toBeFalsy();
+    expect(isEmptyArray(1)).toBeFalsy();
+    expect(isEmptyArray('')).toBeFalsy();
+    expect(isEmptyArray(() => null)).toBeFalsy();
+    expect(isEmptyArray({ foo: 'bar' })).toBeFalsy();
+    expect(isEmptyArray({})).toBeFalsy();
+    expect(isEmptyArray(['foo', 'bar'])).toBeFalsy();
+  });
+});

src/logic/createFormControl.ts

@@ -51,6 +51,7 @@ import get from '../utils/get';
 import isBoolean from '../utils/isBoolean';
 import isCheckBoxInput from '../utils/isCheckBoxInput';
 import isDateObject from '../utils/isDateObject';
+import isEmptyArray from '../utils/isEmptyArray';
 import isEmptyObject from '../utils/isEmptyObject';
 import isFileInput from '../utils/isFileInput';
 import isFunction from '../utils/isFunction';
@@ -630,8 +631,11 @@ export function createFormControl<
       const fieldName = `${name}.${fieldKey}`;
       const field = get(_fields, fieldName);
 
+      const isEmptyNonPrimitive =
+        isEmptyObject(fieldValue) || isEmptyArray(fieldValue);
+
       (_names.array.has(name) ||
-        !isPrimitive(fieldValue) ||
+        (!isPrimitive(fieldValue) && !isEmptyNonPrimitive) ||
         (field && !field._f)) &&
       !isDateObject(fieldValue)
         ? setValues(fieldName, fieldValue, options)

src/utils/isEmptyArray.ts

@@ -0,0 +1 @@
+export default (value: unknown) => Array.isArray(value) && value.length === 0;