Improve support for any as form data value (#2668)

* Improve support for `any` as form data value

* Update types.ts

Author: pascalbaljet

packages/core/src/types.ts

@@ -57,22 +57,27 @@ export type FormDataType<T extends object> = {
     : never
 }
 
+// Note: `0 extends 1 & T` detects `any` type to prevent infinite recursion.
 export type FormDataKeys<T> = T extends Function | FormDataConvertibleValue
   ? never
   : T extends Array<unknown>
     ? number extends T['length']
-      ? `${number}` | `${number}.${FormDataKeys<T[number]>}`
+      ? `${number}` | (0 extends 1 & T[number] ? never : `${number}.${FormDataKeys<T[number]>}`)
       :
           | Extract<keyof T, `${number}`>
           | {
-              [Key in Extract<keyof T, `${number}`>]: `${Key & string}.${FormDataKeys<T[Key & string]> & string}`
+              [Key in Extract<keyof T, `${number}`>]: 0 extends 1 & T[Key & string]
+                ? never
+                : `${Key & string}.${FormDataKeys<T[Key & string]> & string}`
             }[Extract<keyof T, `${number}`>]
     : string extends keyof T
       ? string
       :
           | Extract<keyof T, string>
           | {
-              [Key in Extract<keyof T, string>]: `${Key}.${FormDataKeys<T[Key]> & string}`
+              [Key in Extract<keyof T, string>]: 0 extends 1 & T[Key]
+                ? never
+                : `${Key}.${FormDataKeys<T[Key]> & string}`
             }[Extract<keyof T, string>]
 
 type PartialFormDataErrors<T> = {

packages/react/test-app/Pages/FormHelper/TypeScript/Any.tsx

@@ -0,0 +1,14 @@
+// This component is used for checking the TypeScript implementation; there is no Playwright test depending on it.
+import { useForm } from '@inertiajs/react'
+
+export default function Any() {
+  const form = useForm<{ name: any }>({ name: null }) // eslint-disable-line @typescript-eslint/no-explicit-any
+
+  form.setData('name', 0)
+  form.setData('name', 'test')
+  form.setData('name', true)
+  form.setData('name', null)
+  form.setData('name', {
+    key: 'value',
+  })
+}

packages/svelte/test-app/Pages/FormHelper/TypeScript/Any.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  // This component is used for checking the TypeScript implementation; there is no Playwright test depending on it.
+  import { useForm } from '@inertiajs/svelte'
+
+  const form = useForm<{ name: any }>({ name: null }) // eslint-disable-line @typescript-eslint/no-explicit-any
+
+  $form.name = 0
+  $form.name = 'test'
+  $form.name = true
+  $form.name = null
+  $form.name = {
+    key: 'value',
+  }
+</script>

packages/vue3/test-app/Pages/FormHelper/TypeScript/Any.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+// This component is used for checking the TypeScript implementation; there is no Playwright test depending on it.
+import { useForm } from '@inertiajs/vue3'
+
+const form = useForm<{ name: any }>({ name: null }) // eslint-disable-line @typescript-eslint/no-explicit-any
+
+form.name = 0
+form.name = 'test'
+form.name = true
+form.name = null
+form.name = {
+  key: 'value',
+}
+</script>