fix: uses unsetCompact for Form filter prop

src/Form/index.tsx

@@ -4,7 +4,7 @@ import { type VisitOptions } from '@inertiajs/core'
 import useInertiaForm, { NestedObject } from '../useInertiaForm'
 import { useForm, type UseFormProps, type HTTPVerb, FormProvider } from './FormProvider'
 import FormMetaWrapper, { useFormMeta, type FormMetaValue } from './FormMetaWrapper'
-import { unset } from 'lodash'
+import { unsetCompact } from '../utils'
 
 type PartialHTMLForm = Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onChange'|'onSubmit'|'onError'>
 
@@ -48,7 +48,7 @@ const Form = <TForm extends NestedObject>({
 
 		const clone = structuredClone(data)
 		filter.forEach(path => {
-			unset(clone, path)
+			unsetCompact(clone, path)
 		})
 		return clone
 	}, [data, filter])

tests/components/data.ts

@@ -12,9 +12,9 @@ export const multiRootData = {
 	},
 	contact: {
 		phones: [
-			{ number: '1234567890' },
-			{ number: '2234567890' },
-			{ number: '3234567890' },
+			{ number: '1234567890', type: 'home' },
+			{ number: '2234567890', type: 'home' },
+			{ number: '3234567890', type: 'home' },
 		],
 	},
 }

tests/formComponent.test.tsx

@@ -211,14 +211,16 @@ describe('Form Component', () => {
 				expect(form.data.person.last_name).toBeUndefined()
 				expect(form.data.user.username).toBeUndefined()
 				expect(form.data.person.first_name).toBeDefined()
+				expect(form.data.contact.phones[0].number).toBeDefined()
+				expect(form.data.contact.phones[0].type).toBeUndefined()
 			}
 
 			render(
 				<Form
 					model="person"
 					to="/form"
 					data={ multiRootData }
-					filter={ ['person.last_name', 'user.username'] }
+					filter={ ['person.last_name', 'user.username', 'contact.phones[].type'] }
 					onChange={ handleChange }
 				>
 					<Input name="first_name" />