Unable to Submit App for Review Due to App Bridge Issue

App Bridge
1

Hello,

While preparing for app review, I’m currently facing an issue with the checklist item:

“Use the latest App Bridge script loaded from the Shopify CDN” ,

which is being marked with an :cross_mark:.

I’m developing the app using React and have the following packages installed:

Until recently, I had no issues passing the app review.

However, this checklist item is now blocking the submission process, even though nothing has changed on my end.

It’s been nearly two months since I’ve been trying to get this app reviewed, and I’m under pressure as the review process keeps getting stuck with no progress. :sad_but_relieved_face:

I was told I would receive a response, but I haven’t heard back in days, and I’ve been left waiting without knowing what to fix or how to move forward.

This is becoming a critical issue for our team, and I genuinely need your help.

Please let me know what I can do to resolve this checklist error and complete the app review process.

Any guidance would be greatly appreciated. Thank you.

Best regards,
Sally Park

2

The @shopify/app-bridge NPM package has been replaced with the script tag distributed via CDN that you can simply include in your embedded app’s HTML.

You’ll need to remove that @shopify/app-bridge dependency and use the script tag instead.

Here’s a guide: Migrate your app to Shopify App Bridge React 4.x.x

3

@Dylan Hello, thank you for your response!

Following the documentation, I added the following to the HTML as instructed:

However, when this is included, the app installation process (OAuth) does not proceed, and instead, a 404 page appears—as shown in the attached image.

When I remove the CDN tag and try again, the installation screen displays normally.

Interestingly, if I complete the app installation without the CDN tag and then add it back afterward, the app loads without any issues.

In short, the error occurs during the app installation process when the App Bridge CDN is included.

Is there a way to resolve this?

image
image1824×1992 158 KB

4

Just to add— I checked again just now, and it looks like the checklist item
“Use the latest App Bridge script loaded from the Shopify CDN”
that was previously marked with an :cross_mark: has now been updated to :white_check_mark:.

Now, the only issue left is the app installation error.
If I can just get past this, everything will be ready for submission—please help! :folded_hands:

5

The new default for shopify.app.toml files is that OAuth is managed for you, and Shopify exposes your session token in both the query params and through the AppBridge.

Is it possible your app’s home URL is set incorrectly?

Are using a shopify.app.toml file?

6

No, I’m not using a toml file. I created the project from scratch using React and have been developing the app myself.

Since the installation works fine when I remove the CDN tag, I can confirm that the home URL is correct.

Just to be sure, I added console.log statements above and below the CDN script tag and ran through the installation process.
During the redirect step, only the console above the CDN tag gets printed.

This means that none of the code in my App.tsx is being executed at all.

7

Hi - are you still seeing this issue?

8

Hello, I’ve resolved the issue!

I have a follow-up question, if that’s okay.
To fix the issue, I applied a toml file and switched to the managed installation flow.
Is there any way to revert back to the manual installation method?

When I delete the toml file and try to deploy again, it fails saying the file is missing…
I’d like to go back to the manual (OAuth-based) flow to test something. :cry:

9

You can use the use_legacy_install_flow=true field in your app’s toml to re-enable the self-managed OAuth flow.

More details here in the toml config reference: App configuration

Please note, any installs that occur when managed installs are disabled will not be updated if you change access scopes in your toml.

You’ll have to manage those access scope changes manually.

1 Like
10

Thank you for your response.
Even after setting use_legacy_install_flow = true in the TOML file and deploying, the app still doesn’t revert to the manual installation flow.

In fact, I had previously contacted Shopify support via 1:1 chat, and the advisor escalated the issue to the development team. I later followed up via email and shared my TOML file with the team. However, even with the correct settings, the app did not return to the manual installation flow. The development team acknowledged this and said further investigation was needed.

It’s been a few weeks without any updates, so I thought I’d ask here just in case.
I’ll wait a little longer. Thank you again!