app-bridge-react redirect is removing host query param from navigation

app-bridge-react redirect is removing host query param from navigation

Diniden
Shopify Partner
1 0 0

I am working on a code base I did not design and am wrapping my head around some issues.

 

When I finally got the app running, I get the initial home screen, and the app properly gets the "host" to pass to the <Provider> config.

 

When I click on a nav button that runs this code:

 

 

const app = useAppBridge();

const handleClick = () => {
  const redirect = Redirect.create(app);
  ConsoleLogger("log: ConfigureBanner: redirect", redirect);
  redirect.dispatch(Redirect.Action.APP, "/settings");
};

 

 

The whole app reloads, but this time the app does NOT have the "host" available in the query params for it to hand to the <Provider> component.

 

I honestly can't figure out why.

 

These are my relevant shopify package versions

 

"@shopify/app-bridge-react": "2.x.x",
"@shopify/app-bridge-utils": "2.x.x",
"simple-koa-shopify-auth": "^2.1.6",
"@shopify/polaris": "^5.12.0",
"@shopify/polaris-icons": "^4.5.0",
"@shopify/react-form": "^0.12.7",
"@shopify/react-i18n": "^5.3.4",
"@shopify/shopify-api": "^5.2.0",
 
Thanks for any help on this.
Replies 0 (0)