Shopify App Bridge React: NavMenu is not working

Shopify Apps

Topic summary

Problem: After moving an embedded app from an ngrok dev URL to a live server for submission, the Shopify App Bridge React NavMenu stopped working, despite previously functioning during development.

Context: The app uses Shopify App Bridge React (a React library for embedded Shopify apps) and its NavMenu component. The developer included the API key via a meta tag in the HTML head and added the App Bridge script; a screenshot shows both present.

Observed behavior: On the live server, App Bridge React does not initialize or the NavMenu does not render, while it worked on ngrok.

Request: The poster asks for help identifying possible causes for the NavMenu/App Bridge failure in the production environment.

Status: No solutions or diagnostics provided yet; the thread remains open without resolution. An attached screenshot is key evidence showing the meta tag and script inclusion.

Summarized with AI on December 24. AI used: gpt-5.
1

I have created an app and host my app on ngrok. And used Shopify App Bridge React in my app to show NavMenu but when I used a live server to host my app for the purpose of submission the Shopify App Bridge React stopped to work and now NavMenu is not working,

I have added my Api Key in the meta tag in html>head and added script too. Below is the screenshot.

Untitled.png
Untitled.png1303×588 93 KB

In this screenshot easily can be seen the script tag and the Api Key.

Is there anyone who can help me out, what possible problem can be here?

2 Likes