Use FormValue in Form component (#2709)

* Use FormValue in Form component

* Update useForm.ts

---------

Co-authored-by: Pascal Baljet <pascal@pascalbaljet.nl>

Author: skryukov

packages/core/src/types.ts

@@ -613,8 +613,8 @@ export type FormComponentProps = Partial<
 export type FormComponentMethods = {
   clearErrors: (...fields: string[]) => void
   resetAndClearErrors: (...fields: string[]) => void
-  setError(field: string, value: string): void
-  setError(errors: Record<string, string>): void
+  setError(field: string, value: ErrorValue): void
+  setError(errors: Record<string, ErrorValue>): void
   reset: (...fields: string[]) => void
   submit: () => void
   defaults: () => void
@@ -625,7 +625,7 @@ export type FormComponentMethods = {
 export type FormComponentonSubmitCompleteArguments = Pick<FormComponentMethods, 'reset' | 'defaults'>
 
 export type FormComponentState = {
-  errors: Record<string, string>
+  errors: Record<string, ErrorValue>
   hasErrors: boolean
   processing: boolean
   progress: Progress | null

packages/react/src/useForm.ts

@@ -293,7 +293,7 @@ export default function useForm<TForm extends FormDataType<TForm>>(
   )
 
   const setError = useCallback(
-    (fieldOrFields: FormDataKeys<TForm> | FormDataErrors<TForm>, maybeValue?: string) => {
+    (fieldOrFields: FormDataKeys<TForm> | FormDataErrors<TForm>, maybeValue?: ErrorValue) => {
       setErrors((errors) => {
         const newErrors = {
           ...errors,

packages/svelte/src/useForm.ts

@@ -71,7 +71,7 @@ export default function useForm<TForm extends FormDataType<TForm>>(
   const inputData = (typeof rememberKeyOrData === 'string' ? maybeData : rememberKeyOrData) ?? {}
   const data: TForm = typeof inputData === 'function' ? inputData() : (inputData as TForm)
   const restored = rememberKey
-    ? (router.restore(rememberKey) as { data: TForm; errors: Record<FormDataKeys<TForm>, string> } | null)
+    ? (router.restore(rememberKey) as { data: TForm; errors: Record<FormDataKeys<TForm>, ErrorValue> } | null)
     : null
   let defaults = cloneDeep(data)
   let cancelToken: CancelToken | null = null

packages/vue3/src/useForm.ts

@@ -61,7 +61,7 @@ export default function useForm<TForm extends FormDataType<TForm>>(
   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<FormDataKeys<TForm>, string> })
+    ? (router.restore(rememberKey) as { data: TForm; errors: Record<FormDataKeys<TForm>, ErrorValue> })
     : null
   let defaults = typeof data === 'function' ? cloneDeep(data()) : cloneDeep(data)
   let cancelToken: CancelToken | null = null