Issue with App Bridge ui-modal using variant="max" and src in embedded app

App Bridge
,
1

Hi,

I’m building a Shopify embedded app and I’m trying to use the App Bridge UI modal with variant="max" and a src pointing to one of my app routes.

The behavior I’m seeing:

  • The modal opens and loads the route inside it.

  • But when the modal content loads, my app re-renders inside the modal.

  • After that, the app crashes.

Has anyone successfully implemented a max modal form with src in an embedded app?
What is the correct way to handle routing so the modal doesn’t cause a re-render/crash?

Any example, guidance, or best practices would be much appreciated :folded_hands:

Thanks in advance!

2

Hey @jaymit_b Could you share your stack and samples of your implementation? That combination should not be impacting the content of the page since it’s just an iframe in the modal. Does that page not crash when you render it outside of the modal context?