I want to extend Hookform . I want to make nestform

[alexk345]

Anyone done nested form? Basically the form will be virtual form. Fieldset will be the form. When getValues called it will ignore child fieldset
form submit only happen via type="submit" onClick on that button.

Hookform will be a fieldset component. But i need form outer element with Onsubmit=false.

This way we can as many fieldset nested or not. endless nested form.

======================
chunk-GZ55BCQ2.js?v=2e412352:521 Warning: validateDOMNesting(...):

cannot appear as a descendant of .
at form
at fieldset
at GenericForm

========================================

None of above error message.

I have to ignore this warning and continue my nested form code

But i gave idea on how to do nested form. if someone already done , let me know

react native does that way. Last year i tested nested form with react native and no warning. so when i did with hookform i noticed it was crashing.

[alexk345]

Basically nested childform design , Hookchildform work on fieldset level

[alexk345]

Can be implmented easily by making prefix on two functions. getValues and SetValue , user can have any prefix. One parent form and we can have hookchildform which is basically a fieldsetelement. mainly to render only elements inside the fieldset.

[tatsmaki]

Based on your requirements there are might be different ways to develop a feature.
As an example – you can implement a single form which wraps multiple form steps using FormContext.
But none of correct solutions will actually nest form tags.

[alexk345]

hi i just ignore all form warning now. Its annoying but i no one look at console anyways [image: image.png]

…

On Mon, Jun 17, 2024 at 9:32 AM Rostislav Harlanov ***@***.***> wrote: Based on your requirements there are might be different ways to develop a feature. As an example – you can implement a single form which wraps multiple form steps using FormContext. But none of correct solutions will actually nest form tags. — Reply to this email directly, view it on GitHub <#11991 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABG7H34R6ZIPFJTNYURATM3ZH4FQFAVCNFSM6AAAAABI7NRQRKVHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4TOOJWHAYDI> . You are receiving this because you authored the thread.Message ID: <react-hook-form/react-hook-form/repo-discussions/11991/comments/9796804@ github.com>