Embedding a hubspot form into my streamlit app

Using Streamlit
1

Hello, i’m trying to embedd a hubspot form into my streamlit app.
The form embedding works on my other websites (external sites, not in the same domain, local host included), but it’s not working on my streamlit app (the form has google recaptcha activated form the form settings itself)
I’m embedding my code using components.html (my fear is that the iframe created has a conflict with google recaptcha), because the error code is: ERROR for site owner: Invalid domain for site key.
you can check it on: Streamlit

components.html("""
<script>
      hbspt.forms.create({
        portalId: "xxxxxx",
        formId: "xxxxxx....",
        region: "na1",
        onFormSubmitted: () => {
            dataLayer.push({
            'event': 'DS_SupplierSourcing_ContactUs_Form_Submission',
            'formId': 'xxxxxxx',
            'formName': 'DS_SupplierSourcing_ContactUs_Form'
            });
        }
      });
    </script>
"""
)

Is there anyone that made this work?

2

I think the problem comes from iframe sanboxing and the way that the form is embedded into the streamlitapp, packed as an iframe, which cand trigger this error from google recaptcha. What can i do in this case?