App Bridge Permission Errors on the new Unified admin

Shopify Apps
1

There seem to be no errors in the old versions of the Shopify Admin. But with the new URLs, Iā€™m getting permission errors. The following were checked and verified by me.

Stack

"@shopify/app-bridge-react": "3.4.0",
"@shopify/app-bridge-utils": "3.4.0",
"react-router-dom": "^6.4.3",
"@shopify/polaris": "10.10.0",

Following are the troubleshooting steps I have done:

  1. host value from the initial app iframe URL query parameters are retrieved and persisted

  2. Host value is passed as-is on the config of App Bridge Provider.

  3. Made sure that the host parameter I use to initialize App Bridge decodes by Base64 to:

  1. iframe Protection is working fine on requests

  2. Application loads within 5 seconds

  3. Tried the latest version of Polaris (10.15) and app bridge (3.5) as well.

  4. Have Adequate Permissions

Following is the app bridge state of the resource picker in the unified admin:

{OPEN: {ā€¦}, APP::RESOURCE_PICKER::OPEN: {ā€¦}, SELECT: {ā€¦}, APP::RESOURCE_PICKER::SELECT: {ā€¦}, CLOSE: {ā€¦}, ā€¦}
APP::RESOURCE_PICKER::CANCEL
: 
{Dispatch: false, Subscribe: false}
APP::RESOURCE_PICKER::CLOSE
: 
{Dispatch: false, Subscribe: false}
APP::RESOURCE_PICKER::OPEN
: 
{Dispatch: false, Subscribe: false}
APP::RESOURCE_PICKER::SELECT
: 
{Dispatch: false, Subscribe: false}
APP::RESOURCE_PICKER::UPDATE
: 
{Dispatch: false, Subscribe: false}
CANCEL
: 
{Dispatch: false, Subscribe: false}
CLOSE
: 
{Dispatch: false, Subscribe: false}
OPEN
: 
{Dispatch: false, Subscribe: false}
SELECT
: 
{Dispatch: false, Subscribe: false}
UPDATE
: 
{Dispatch: false, Subscribe: false}
[[Prototype]]
: 
Object
1 Like