React: validateDOMNesting(...): <form> cannot appear as a descendant of <form>.

[m9rco]

Warning: validateDOMNesting(...): <form> cannot appear as a descendant of <form>.
    in form (created by Form)
    in Form (created by DynamicFieldSet)
    in div (created by DynamicFieldSet)
    in DynamicFieldSet (created by Form(DynamicFieldSet))
    in Form(DynamicFieldSet) (created by Connect(Form(DynamicFieldSet)))
    in Connect(Form(DynamicFieldSet))
    in form (created by Form)
    in Form (created by SubscribeAdd)
    in div (created by Card)
    in div (created by Card)
    in div (created by Card)
    in Card (created by SubscribeAdd)
    in SubscribeAdd (created by Form(SubscribeAdd))
    in Form(SubscribeAdd) (created by Connect(Form(SubscribeAdd)))
    in Connect(Form(SubscribeAdd)) (created by Subscribe)
    in div (created by TweenOne)
    in TweenOne (created by QueueAnim)
    in div (created by QueueAnim)
    in QueueAnim (created by Subscribe)
    in div (created by Subscribe)
    in Subscribe (created by Form(Subscribe))
    in Form(Subscribe) (created by Connect(Form(Subscribe)))
    in Connect(Form(Subscribe))
    in Unknown (created by Route)
    in Route (created by AuthHelper)
    in Authorized (created by Connect(Authorized))
    in Connect(Authorized) (created by AuthHelper)
    in AuthHelper (created by BasicLayout)
    in Switch (created by BasicLayout)
    in div (created by BasicLayout)
    in div (created by Basic)
    in Basic (created by Adapter)
    in Adapter (created by BasicLayout)
    in div (created by BasicLayout)
    in BasicLayout (created by Adapter)
    in Adapter (created by BasicLayout)
    in div (created by BasicLayout)
    in BasicLayout (created by Adapter)
    in Adapter (created by BasicLayout)
    in div (created by ContainerQuery)
    in ContainerQuery (created by BasicLayout)
    in DocumentTitle (created by SideEffect(DocumentTitle))
    in SideEffect(DocumentTitle) (created by BasicLayout)
    in BasicLayout (created by Connect(BasicLayout))
    in Connect(BasicLayout)
    in Unknown (created by Route)
    in Route (created by AuthHelper)
    in Authorized (created by Connect(Authorized))
    in Connect(Authorized) (created by AuthHelper)
    in AuthHelper
    in Switch
    in Router
    in LocaleProvider
    in Provider
    in Unknown

[jquense]

Do you have a specific question? A form element inside another formbelement element isn't valid html, which is why you are getting the warning

[tarun4all]

this is not the problem with react but the problem with some custom ui library you are using like ant-d

[m9rco]

OK ， thanks

[andnew]

you declaration form for two times

or with Form.createForm in antd

[sunithakk]

you declaration form for two times

or with Form.createForm in antd

this is perfect .