I had a fully working embedded app (React, Node) that stopped showing active tabs overnight.
Video demo: https://gyazo.com/08c8672ff658cd1b2b3c8292d3259a05
There were no code changes and rolling back the app to a week prior still has the issue.
If I refresh the entire page Shopify switches the tab, but will persist that tab regardless of what I select next.
Does anyone know what setting in the <Provider> component alerts Shopify of tab changes?
Solved! Go to the solution
Thanks for the bug report, I’m looking into it. By overnight, do you mean sometime between Sept 17 and Sept 18?
To help me narrow this down, are you using client-side routing, ie using React Router? Does your app use the method described under 'Using client-side routing' here: https://help.shopify.com/en/api/embedded-apps/app-bridge/actions/navigation?
Yes @iain-campbell - at Sept 17th 2:00AMEST the app stopped visually responding to tab switching.
It's important to know the content still changes, the tab just doesn't get the underline. Rolling back the app to different versions from the app development still has the same problem.
The app is not using React Router. It's being served by Nextjs. I'm not manipulating the app context or app history when a new tab loads.
If you can give me your email, I can share my full git repository with you!
Got it, thanks for clarifying for me. I think we’ve identified the issue on our end. There’s nothing wrong with your app 🙂 A recent change we shipped had an unintended side effect. We’ll update you once our fix has shipped.
I was going crazy trying to figure out what I did to break this. Same setup here (next.js, node, react) and same problem with the navigation working, but the active page indicator not changing.
I have the exact same issue. Everything was working with Next, koa -> added client side routing -> tabs didn't switch -> rolled back code -> Tabs are still not highlighting. I should add that it is navigating to diffrent page but there are no visual feedback on tab Change. .