dual-salmon

Sub Form Array with Typescript

Hi! some help needed -

I have one big form component and then to split it up I am trying to split out some parts to new files using either withForm or withFieldGroup.

    const form = useAppForm({
        defaultValues: entry,

    const form = useAppForm({
        defaultValues: entry,

where entry is type

Entry

Entry

<ChildFormNotes form={form} setIsInvalidData={setIsInvalidData} />

<ChildFormNotes form={form} setIsInvalidData={setIsInvalidData} />

yields a type error. with

withFieldGroup

withFieldGroup

I can get it almost happy with Typescript but I can't seem to get

field.removeValue

field.removeValue

and

field.pushValue

field.pushValue

to work properly

TanStack•3w ago

dual-salmon

Sub Form Array with Typescript

Hi! some help needed -

I have one big form component and then to split it up I am trying to split out some parts to new files using either withForm or withFieldGroup.

    const form = useAppForm({
        defaultValues: entry,

    const form = useAppForm({
        defaultValues: entry,

where entry is type

Entry

Entry

<ChildFormNotes form={form} setIsInvalidData={setIsInvalidData} />

<ChildFormNotes form={form} setIsInvalidData={setIsInvalidData} />

yields a type error. with

withFieldGroup

withFieldGroup

I can get it almost happy with Typescript but I can't seem to get

field.removeValue

field.removeValue

and

field.pushValue

field.pushValue

to work properly

Sub Form Array with Typescript

Sub Form Array with Typescript

Similar Threads