Shopify app fails "Using the latest App Bridge script" check even when loading from CDN

App Bridge
1

I’m building an embedded Shopify app with Next.js, and App Submission review shows failure for this step:

image
image953×153 15.4 KB

However, I am already loading app bridge from shopify’s CDN:

image
image815×361 41.6 KB

And it is being loaded correctly inside my plugin page:

image
image726×472 75.5 KB

Any ideas, what could be wrong? Interacted with my app multiple times and waited 2 days but it is not resolved

2

Your second screenshot does not show a script tag, it shows a preload for a script. You cannot use the Next.js <Script> component to load App Bridge, as that component is specifically designed to prevent synchronous scripts (which is what App Bridge is).

I believe you could work around it using the following code in place of <Script>:

<meta name="shopify-api-key" content={process.env.NEXT_PUBLIC_SHOPIFY_CLIENT_ID} />
<script dangerouslySetInnerHTML={{
  __html: `
document.write('<script src="https://cdn.shopify.com/shopifycloud/app-bridge.js"></script>')
  `
}} />