I have this super strange error and I dont know why ... Instance created by useForm is not connected

    const { form, formProps, onFinish } = useForm<any>({
        action: "create",
        dataProviderName: PROVIDERS.LEARNING_LAB,
        resource: process.env.REACT_APP_LOGIN_PATH!+`?${query}`
    })
...

...
return (
        <div className="container">
            <ConfigProvider theme={{token: { colorPrimary: clientDetails?.color ?? "" }}}>
                <Form {...formProps} form={form} name="connect" onFinish={handleFinish}  size="large" className="form">
                  /*Here is my form with some Form.Item*/
                </Form>
            </ConfigProvider>
        </div>
  )
...

    const { form, formProps, onFinish } = useForm<any>({
        action: "create",
        dataProviderName: PROVIDERS.LEARNING_LAB,
        resource: process.env.REACT_APP_LOGIN_PATH!+`?${query}`
    })
...

...
return (
        <div className="container">
            <ConfigProvider theme={{token: { colorPrimary: clientDetails?.color ?? "" }}}>
                <Form {...formProps} form={form} name="connect" onFinish={handleFinish}  size="large" className="form">
                  /*Here is my form with some Form.Item*/
                </Form>
            </ConfigProvider>
        </div>
  )
...