App Bridge React 4: Modal prop changes (size→variant, onClose→onHide, move title/actions to <TitleBar>)

[mohab-sameh]

Frequent API usage change; safe automated edits. (Shopify)

Before

<Modal size={Modal.Size.Large} title="My modal" onClose={handleClose} />

After

<Modal variant="large" onHide={handleClose}>
  <TitleBar title="My modal" />
</Modal>

Detect:

• Modal props size, title, onClose.
• Insert <TitleBar> inside children when title was used.

Edge cases:

• message prop removed (children instead).
• Check for setupModalAutoSizing references—no longer required.

Reference:

• Modal changes in v4 migration:

  https://shopify.dev/docs/api/app-bridge/migration-guide#modal (Shopify)