LukeParke/form
1
0
Fork 0
mirror of https://github.com/LukeHagar/form.git synced 2025-12-06 20:37:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: createFormFactory

Browse Source
This commit is contained in:
Tanner Linsley
2023-05-01 10:27:51 -06:00
parent 09475161af
commit b274bccf3d
10 changed files with 3650 additions and 320 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/react-form/src/useForm.tsx
View File

@@ -24,22 +24,21 @@ declare module '@tanstack/form-core' {
}) => any
}
}
//
export function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {
const [formApi] = React.useState(() => {
// @ts-ignore
const api = new FormApi<TData>(opts || {})
const api = new FormApi<TData>(opts)
api.Form = createFormComponent(api)
api.Field = createFieldComponent(api)
api.useField = createUseField(api)
api.Field = createFieldComponent<TData>()
api.useField = createUseField<TData>()
api.useStore = (
// @ts-ignore
selector,
) => {
// eslint-disable-next-line react-hooks/rules-of-hooks
return useStore(api.store, selector) as any
return useStore(api.store, selector as any) as any
}
api.Subscribe = (
// @ts-ignore
@@ -48,7 +47,7 @@ export function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {
return functionalUpdate(
props.children,
// eslint-disable-next-line react-hooks/rules-of-hooks
useStore(api.store, props.selector),
useStore(api.store, props.selector as any),
) as any
}
@@ -57,7 +56,7 @@ export function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {
// React.useEffect(() => formApi.mount(), [])
return formApi
return formApi as any
}
export type FormProps = React.HTMLProps<HTMLFormElement> & {