Issue Description
Has anyone else experienced their Shopify app’s navigation menu suddenly changing behavior? We’re seeing a strange issue with our AppBridge NavMenu component.
What’s Happening
-
Before: Our app had 4 distinct navigation links in the NavMenu, plus clicking the app name took users to the root URL
-
Now: The first navigation link has disappeared from the menu and merged with the app name functionality
Expected vs. Actual Behavior
Expected:
-
App name click → Root URL (
/) -
4 separate navigation links in the menu
Actual:
-
App name click → First link’s URL (instead of root)
-
Only 3 navigation links visible (first one is missing)
Code Details
Our NavMenu implementation hasn’t changed - we still have 4 links defined in our AppBridge NavMenu component. This seems to be a recent change in behavior.
<NavMenu key={location.pathname}>
<Link to={$XXXX.URL}>XXX</Link>
<Link to={$YYY.URL}>YYY</Link>
<Link to={$ZZZ.URL}>ZZZ</Link>
<Link to={$WWW.URL}>WWW</Link>
</NavMenu>
Questions
-
Has anyone else experienced this sudden change in NavMenu behavior?
-
Is this an intentional change to the AppBridge NavMenu component?
-
Any workarounds to restore the original behavior?
Environment
-
Using Shopify AppBridge NavMenu component
-
Issue appeared recently without code changes on our end
Any insights would be greatly appreciated! ![]()