Hello,
I’ve identified a bug with the purchases:read scope causing white screens during local development.
Setup:
-
@shopify/shop-minis-react: 0.2.9
-
@shopify/shop-minis-cli: 0.0.205
-
React: 18.2.0
-
Node: v24.10.0
-
macOS, iOS Simulator 18.6.2, iPhone with iOS 18.6.2
The Issue:
When purchases:read is added to the scopes array in manifest.json, the Mini shows a white screen in the Shop app on both iOS simulator and real device. Works perfectly in browser at localhost:5173.
Safari Web Inspector shows “No Inspectable Applications” when the crash occurs.
How to Reproduce:
-
Create fresh Shop Mini project
-
Add
"purchases:read"to scopes array in src/manifest.json -
Run
npx shop-minis dev --tunnel -
Scan QR code in Shop app
-
Result: White screen
Workaround:
Removing the scope from manifest.json and restarting the dev server (after force-closing Shop app) resolves it. However, I need this scope for my usecase.
Could you please suggest?
Thanks,
Ankit