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!