# HubSpot form (hbspt.forms.create) issue when opening multiple tabs in React

**URL:** <https://community.hubspot.com/t/hubspot-form-hbspt-forms-create-issue-when-opening-multiple-tabs-in-react/147610>\
**Category:** APIs & Integrations\
**Tags:** forms\
**Created:** [March 24, 2026, 9:57am UTC](https://community.hubspot.com/t/hubspot-form-hbspt-forms-create-issue-when-opening-multiple-tabs-in-react/147610 "2026-03-24T09:57:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jason-trinh](https://avatars.discourse-cdn.com/v4/letter/j/b782af/32.png) [@Jason-trinh](https://community.hubspot.com/u/Jason-trinh)\
**Post date:** [March 24, 2026, 9:57am UTC](https://community.hubspot.com/t/hubspot-form-hbspt-forms-create-issue-when-opening-multiple-tabs-in-react/147610/1 "2026-03-24T09:57:55Z")

</div>

I’m integrating a HubSpot form in a React app using hbspt.forms.create.

When I open the first tab and access the page with the form, everything works fine. However, when I open another tab and navigate to a different page (which also contains a HubSpot form), I encounter an issue.

Has anyone experienced this before, and is there any way to fix it?

 ![Screenshot from 2026-03-24 16-55-49.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/a/7a9bf7bcd730ea259bb8ef8dc700f82b10dc8ebf.png)

 ![Screenshot from 2026-03-24 16-56-15.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/5/7/576263c97e73f27301fe1adfb6c2cd26bd069c1b.png)

---

<div class="post-metadata">

**Author:** ![Berangere](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/berangere/32/220784_2.png) [@Berangere](https://community.hubspot.com/u/Berangere)\
**Post date:** [March 24, 2026, 12:18pm UTC](https://community.hubspot.com/t/hubspot-form-hbspt-forms-create-issue-when-opening-multiple-tabs-in-react/147610/2 "2026-03-24T12:18:18Z")

</div>

Hi @Jason-trinh and welcome, we are so glad to have you here!  
Thanks for reaching out to the HubSpot Community!  
I’m sharing here some resources as it might help:  
- [HubSpot forms](https://developers.hubspot.com/docs/cms/start-building/building-blocks/modules/forms)  
- [Forms reference](https://developers.hubspot.com/docs/cms/start-building/features/forms/forms)  
- [Legacy forms](https://developers.hubspot.com/docs/cms/start-building/features/forms/legacy-forms)  
Now, let’s connect you with some of our Top Experts: Hi [@sylvain\_tirreau](https://community.hubspot.com/t5/user/viewprofilepage/user-id/601366), @Anton and @SteveHTM do you have suggestions to help @Jason-trinh, please?  
Have a lovely day and thank you so much!  
Bérangère

---

<div class="post-metadata">

**Author:** ![SteveHTM](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stevehtm/32/22074_2.png) [@SteveHTM](https://community.hubspot.com/u/SteveHTM)\
**Post date:** [March 24, 2026, 3:07pm UTC](https://community.hubspot.com/t/hubspot-form-hbspt-forms-create-issue-when-opening-multiple-tabs-in-react/147610/3 "2026-03-24T15:07:46Z")

</div>

@Jason-trinh - a couple of questions for clarification.

- This is a ‘legacy’ form - correct?

- Is the form that you wish to render the same on each page of your app?

- Is the form constructed in ‘raw’ mode?

I don’t use React, but I regularly use customized versions of this form script application in a tabbed context on a landing page. So I’m pretty sure that tabbed constructs work just fine if the JS is constructed properly.

This is my go to page for such customized form applications: [Legacy forms - HubSpot docs](https://developers.hubspot.com/docs/cms/start-building/features/forms/legacy-forms)

I wish there was an updated version for the new form setups!

Hope this is helpful.

Steve  
_Moderator note: While this solution may not address the original poster’s specific situation, it could be helpful for other community members facing similar challenges._

---

<div class="post-metadata">

**Author:** ![Jason-trinh](https://avatars.discourse-cdn.com/v4/letter/j/b782af/32.png) [@Jason-trinh](https://community.hubspot.com/u/Jason-trinh)\
**Post date:** [March 24, 2026, 3:18pm UTC](https://community.hubspot.com/t/hubspot-form-hbspt-forms-create-issue-when-opening-multiple-tabs-in-react/147610/4 "2026-03-24T15:18:05Z")

</div>

@SteveHTM This is a legacy form, and we’ve already turned off the ‘Set as raw HTML form’ setting for it. Could this be the issue?

---

<div class="post-metadata">

**Author:** ![SteveHTM](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stevehtm/32/22074_2.png) [@SteveHTM](https://community.hubspot.com/u/SteveHTM)\
**Post date:** [March 24, 2026, 3:43pm UTC](https://community.hubspot.com/t/hubspot-form-hbspt-forms-create-issue-when-opening-multiple-tabs-in-react/147610/5 "2026-03-24T15:43:02Z")

</div>

All I can say is that many form customization approaches tend to rely on the form NOT being rendered in an iframe i.e. raw. Your mileage may vary.
