I am trying to embed a HubSpot Payments Link on a page in a NextJS app. The payments form is not appearing. I can get this to work in a ReactJS app but not in our NextJS app.
I have created a simple example in codesandbox demonstrating the issue here:
I am able to get the Payment Link embed to work in a simple ReactJS hello world app as demonstrated here. But, I need it to work in our NextJS website.
I tried adding the script using next/script but the form still doesn't appear.
I also tried to embed it using an iframe. The form appears but whenever I select one of the dropdown menu fields the page jumps to the top, which makes it unusable.
Those two attempts are commented out in the codesandbox that I linked above.