Skip to content

POS UI Extension Banner onPress works in development, but not production #2492

Open
@derrickrc

Description

Please list the package(s) involved in the issue, and include the version you are using

retail-ui-extensions:1.6.0 and 1.7.0

Latest Shopify POS 9.22.1

Describe the bug

We're facing a weird issue where the Banner onPress is working properly when we spin up a local development instance of our POS UI Extension using npm run dev and the QR code, but once it's deployed and released the callback doesn't work and just dismisses the banner. We've tried with both 1.6.0 and 1.7.0 and are stumped, any ideas about what we're doing wrong?

Steps to reproduce the behavior:

Here is how we are returning our Banner

          <Banner
            key={'filtering'}
            title={`Filtering results with tags: ${filterTags?.join(', ')}`}
            variant='information'
            action={'Show all'}
            onPress={() => setManualFiltering(false)}
            visible
          />

Expected behavior

It should execute the callback function, but instead it just dismisses the banner

Screenshots

Here it is non-working in our live production tile where the banner just dismisses after you tap it:

banner.not.working.mp4

Here is the callback working in dev:

RPReplay_Final1732564080.MP4

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions