I’ve created an embedded react application using the new shopify-app-cli . I’m trying to dispatch a Redirect action but when I attempt to get the appbridge context it comes back undefined. I’ve created another project by following the React, Node JS tutorial - and it contains the code below to get …

Hi Paul, FYI, The fix had been included the v1.6.7 release of app-bridge.

Hey clucs123, Can you paste the code from your index.js file? I just create my own test app and can confirm that the app instance can be accessed through the context. I did not make any changes to the _app.js file. Here’s the full content of my index.js file: import { Heading, Page } from "@shopi…

Hi Trish, This is my full index.js code. I tried your code but sadly I still get null back. I included a screenshot of the browser console showing what happens when the button is clicked. Thanks again for the help, Paul import React, { Component } from "react"; import { Page, Heading, Button } f…

Hi Paul, I just tried your code and the context is showing up for me. [cli-app-redirect-test.gif] Could there be something wrong with the configs passed to the Provider? Can you try to hardcode the shopOrigin with your test shop’s domain (Ex. myshopname.myshopify.com) and see if that works?

Hi Trish, Well, it’s good to know that my code does actually work. I agree that it must be a config issue. I’ve tried hard-coding the config values as you suggested but it still doesn’t work. I’ve also checked the API_KEY and shopOrigin variables are populated correctly by console logging them. I’…

Just to be on the safe side I’ve created a new app in Shopify and a new project from scratch using the CLI and added the simple test component above. The app runs in the test store but again the context is always null. // index.js import { Heading, Page } from "@shopify/polaris"; import {AppBridgeC…

To echo what Michelle said, this app needs to be rendered within the admin for any context to exist. If you’re hitting it from your ngrok URL you won’t have any luck accessing App Bridge features. You can install the app on your development store with this url: HTTPS://your-ngrok-url.io/auth?shop=…

Hi Katie The app has always been running inside in the Shopify Admin. I’ve console logged the context and as you can see it is null. [screenshot-admin-page.png]

So sorry about that @clucs123 ! I’m wondering if you could put your code up on github? I’ll try running the whole app to see whats going on.

Hi Katie https://github.com/clucs123/shopify-react-test No problem. I haven’t amended this project since it was created in the shopify-app-cli, apart from the index.js file and my .env config file. The .env file obviously isn’t on GitHub for security reasons but this is its structure. I’ve create…

How do I dispatch actions with the new shopify-app-cli application?

Retired Boards Appdev Tools

Michelle_Chen July 4, 2019, 3:17am 10

Try running your app inside Shopify admin.

App Bridge is the connection between your app and Shopify admin and doesn’t really work without an Admin Frame.

1 Like

Topic		Replies	Views
Embedded app Redirect not working Tools	24	412	May 29, 2021
Using the new @shopify/app-bridge with @shopify/polaris-react Tools	31	306	September 26, 2019
Shopify App Bridge not working Fulfillment Api	2	90	August 24, 2021
Shopify Bridge App Components Don't Show Tools	3	28	May 28, 2020
Shopify Embedded App Bridge Does NOT work Technical Q&A javascript	3	304	February 18, 2025

How do I dispatch actions with the new shopify-app-cli application?

Related topics