diff --git a/packages/react/src/useForm.ts b/packages/react/src/useForm.ts
index 53a58984a..780932838 100644
--- a/packages/react/src/useForm.ts
+++ b/packages/react/src/useForm.ts
@@ -3,6 +3,14 @@ import isEqual from 'lodash.isequal'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import useRemember from './useRemember'
 
+type FormDataKeys<T> = {
+  [K in keyof T & string]: T[K] extends object
+    ? T[K] extends Array<any>
+      ? K
+      : `${K}.${FormDataKeys<T[K]>}` | K
+    : K;
+}[keyof T & string];
+
 type setDataByObject<TForm> = (data: TForm) => void
 type setDataByMethod<TForm> = (data: (previousData: TForm) => TForm) => void
 type setDataByKeyValuePair<TForm> = <K extends keyof TForm>(key: K, value: TForm[K]) => void
@@ -11,7 +19,7 @@ type FormDataType = object
 export interface InertiaFormProps<TForm extends FormDataType> {
   data: TForm
   isDirty: boolean
-  errors: Partial<Record<keyof TForm, string>>
+  errors: Partial<Record<FormDataKeys<TForm>, string>>
   hasErrors: boolean
   processing: boolean
   progress: Progress | null
@@ -23,9 +31,9 @@ export interface InertiaFormProps<TForm extends FormDataType> {
   setDefaults(field: keyof TForm, value: FormDataConvertible): void
   setDefaults(fields: Partial<TForm>): void
   reset: (...fields: (keyof TForm)[]) => void
-  clearErrors: (...fields: (keyof TForm)[]) => void
-  setError(field: keyof TForm, value: string): void
-  setError(errors: Record<keyof TForm, string>): void
+  clearErrors: (...fields: FormDataKeys<TForm>[]) => void
+  setError(field: FormDataKeys<TForm>, value: string): void
+  setError(errors: Partial<Record<FormDataKeys<TForm>, string>>): void
   submit: (method: Method, url: string, options?: VisitOptions) => void
   get: (url: string, options?: VisitOptions) => void
   patch: (url: string, options?: VisitOptions) => void
@@ -52,8 +60,8 @@ export default function useForm<TForm extends FormDataType>(
   const recentlySuccessfulTimeoutId = useRef(null)
   const [data, setData] = rememberKey ? useRemember(defaults, `${rememberKey}:data`) : useState(defaults)
   const [errors, setErrors] = rememberKey
-    ? useRemember({} as Partial<Record<keyof TForm, string>>, `${rememberKey}:errors`)
-    : useState({} as Partial<Record<keyof TForm, string>>)
+    ? useRemember({} as Partial<Record<FormDataKeys<TForm>, string>>, `${rememberKey}:errors`)
+    : useState({} as Partial<Record<FormDataKeys<TForm>, string>>)
   const [hasErrors, setHasErrors] = useState(false)
   const [processing, setProcessing] = useState(false)
   const [progress, setProgress] = useState(null)
@@ -125,7 +133,7 @@ export default function useForm<TForm extends FormDataType>(
           if (isMounted.current) {
             setProcessing(false)
             setProgress(null)
-            setErrors(errors)
+            setErrors(errors as Partial<Record<FormDataKeys<TForm>, string>>)
             setHasErrors(true)
           }
 
@@ -214,13 +222,13 @@ export default function useForm<TForm extends FormDataType>(
         )
       }
     },
-    setError(fieldOrFields: keyof TForm | Record<keyof TForm, string>, maybeValue?: string) {
+    setError(fieldOrFields: FormDataKeys<TForm> | Partial<Record<FormDataKeys<TForm>, string>>, maybeValue?: string) {
       setErrors((errors) => {
         const newErrors = {
           ...errors,
           ...(typeof fieldOrFields === 'string'
             ? { [fieldOrFields]: maybeValue }
-            : (fieldOrFields as Record<keyof TForm, string>)),
+            : fieldOrFields),
         }
         setHasErrors(Object.keys(newErrors).length > 0)
         return newErrors
@@ -228,10 +236,10 @@ export default function useForm<TForm extends FormDataType>(
     },
     clearErrors(...fields) {
       setErrors((errors) => {
-        const newErrors = (Object.keys(errors) as Array<keyof TForm>).reduce(
+        const newErrors = Object.keys(errors).reduce(
           (carry, field) => ({
             ...carry,
-            ...(fields.length > 0 && !fields.includes(field) ? { [field]: errors[field] } : {}),
+            ...(fields.length > 0 && !fields.includes(field as FormDataKeys<TForm>) ? { [field]: errors[field as FormDataKeys<TForm>] } : {}),
           }),
           {},
         )
diff --git a/packages/vue3/src/useForm.ts b/packages/vue3/src/useForm.ts
index d0a236b63..2dffc6532 100644
--- a/packages/vue3/src/useForm.ts
+++ b/packages/vue3/src/useForm.ts
@@ -3,11 +3,19 @@ import cloneDeep from 'lodash.clonedeep'
 import isEqual from 'lodash.isequal'
 import { reactive, watch } from 'vue'
 
+type FormDataKeys<T> = {
+  [K in keyof T & string]: T[K] extends object
+    ? T[K] extends Array<any>
+      ? K
+      : `${K}.${FormDataKeys<T[K]>}` | K
+    : K;
+}[keyof T & string];
+
 type FormDataType = object
 
 interface InertiaFormProps<TForm extends FormDataType> {
   isDirty: boolean
-  errors: Partial<Record<keyof TForm, string>>
+  errors: Partial<Record<FormDataKeys<TForm>, string>>
   hasErrors: boolean
   processing: boolean
   progress: Progress | null
@@ -19,9 +27,9 @@ interface InertiaFormProps<TForm extends FormDataType> {
   defaults(field: keyof TForm, value: FormDataConvertible): this
   defaults(fields: Partial<TForm>): this
   reset(...fields: (keyof TForm)[]): this
-  clearErrors(...fields: (keyof TForm)[]): this
-  setError(field: keyof TForm, value: string): this
-  setError(errors: Record<keyof TForm, string>): this
+  clearErrors(...fields: FormDataKeys<TForm>[]): this
+  setError(field: FormDataKeys<TForm>, value: string): this
+  setError(errors: Partial<Record<FormDataKeys<TForm>, string>>): this
   submit(method: Method, url: string, options?: Partial<VisitOptions>): void
   get(url: string, options?: Partial<VisitOptions>): void
   post(url: string, options?: Partial<VisitOptions>): void
@@ -45,7 +53,7 @@ export default function useForm<TForm extends FormDataType>(
   const rememberKey = typeof rememberKeyOrData === 'string' ? rememberKeyOrData : null
   const data = typeof rememberKeyOrData === 'string' ? maybeData : rememberKeyOrData
   const restored = rememberKey
-    ? (router.restore(rememberKey) as { data: TForm; errors: Record<keyof TForm, string> })
+    ? (router.restore(rememberKey) as { data: TForm; errors: Partial<Record<FormDataKeys<TForm>, string>> })
     : null
   let defaults = typeof data === 'object' ? cloneDeep(data) : cloneDeep(data())
   let cancelToken = null
@@ -106,18 +114,18 @@ export default function useForm<TForm extends FormDataType>(
 
       return this
     },
-    setError(fieldOrFields: keyof TForm | Record<keyof TForm, string>, maybeValue?: string) {
+    setError(fieldOrFields: FormDataKeys<TForm> | Partial<Record<FormDataKeys<TForm>, string>>, maybeValue?: string) {
       Object.assign(this.errors, typeof fieldOrFields === 'string' ? { [fieldOrFields]: maybeValue } : fieldOrFields)
 
       this.hasErrors = Object.keys(this.errors).length > 0
 
       return this
     },
-    clearErrors(...fields) {
-      this.errors = Object.keys(this.errors).reduce(
+    clearErrors(...fields: FormDataKeys<TForm>[]) {
+      this.errors = Object.keys(this.errors as object).reduce(
         (carry, field) => ({
           ...carry,
-          ...(fields.length > 0 && !fields.includes(field) ? { [field]: this.errors[field] } : {}),
+          ...(fields.length > 0 && !fields.includes(field as FormDataKeys<TForm>) ? { [field]: this.errors[field as FormDataKeys<TForm>] } : {}),
         }),
         {},
       )
@@ -176,7 +184,7 @@ export default function useForm<TForm extends FormDataType>(
         onError: (errors) => {
           this.processing = false
           this.progress = null
-          this.clearErrors().setError(errors)
+          this.clearErrors().setError(errors as Partial<Record<FormDataKeys<TForm>, string>>)
 
           if (options.onError) {
             return options.onError(errors)