fetch not working in app-bridge-react version 4

Shopify Discussion

Topic summary

A developer encountered issues after migrating @shopify/app-bridge-react from version 3 to version 4. Despite following the official migration documentation—adding app-bridge.js and shopify-api-key to index.html and removing the old Provider setup—both fetch() and shopify.idToken() methods hang indefinitely instead of authenticating requests as expected.

Key Problem:

  • Both API calls enter an infinite await state and never resolve
  • The issue prevents authenticated requests from completing

Status: The problem remains unresolved. A second user confirmed experiencing the same sudden failure, suggesting this may be a broader compatibility or configuration issue with version 4.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hello Shopify team

I just migrated @Shopify_77 /app-bridge-react from version 3 to 4 and as shown in the migration document, I have applied all changes I putapp-bridge.js and shopify-api-key in index.html and removed old Provider setup, now I am trying to use fetch as document suggest that fetch will automatically authenticate request, but await fetch(myEndPoint) and await shopify.idToken() both not working and it goes to infinite await, how can i solve this issue?

Thanks

2 Likes
2

Same here. Everything suddenly stopped working.