Loading

The Loading component is used to indicate to merchants that a page is loading or an upload is processing. Render the Loading component when loading new pages or completing asynchronous requests that might be more than a few seconds.

Setup

Import the Provider and Loading component from @shopify/app-bridge-react. Only one Provider is needed for your application.

Conditionally rendering the Loading component is a common pattern: