I’ve encountered an issue where, the first time an App Bridge Modal opens, the data fluctuates and the body content briefly appears blank. However, after reloading the page or closing and reopening the modal, the body content displays correctly.
**App Bridge Version: ** @shopify/app-bridge-react": “^4.1.3”,
“@shopify/polaris”: “^13.9.0”,
Here is and Example code
import { Modal , TitleBar } from “@shopify/app-bridge-react”;
<Modal id={id} open={open} variant={variant} onHide={onHide}>
<div className="modal-body" id={id}>
{body}
</div>
<TitleBar title={title}>{footer}</TitleBar>
</Modal>