Hi I have developed a react embedded app in shopify But Its showing an error.
The error says that Uncaught TypeError: web_vitals_1.onLCP is not a function.
Can anyone suggests some solution about this ?
Topic summary
Uncaught TypeError: web_vitals_1.onLCP is not a function occurs in a React embedded Shopify app. Multiple developers report encountering the same error.
Root cause is narrowed to the 3.3.x branch of the @shopify/app-bridge package. Downgrading to 3.2.6 (latest 3.2.x) resolves the issue.
Context: web-vitals is a performance library, and LCP (Largest Contentful Paint) measures how quickly the main content loads; onLCP is expected to be a callback for tracking LCP.
Actions and updates:
- A GitHub issue was filed for the app-bridge package: https://github.com/Shopify/shopify-app-bridge/issues/145.
- Temporary workaround: pin @shopify/app-bridge to 3.2.6.
Status: No confirmed fix in 3.3.x yet; awaiting resolution from Shopify. The discussion remains open with the downgrade as the current mitigation.
3 Likes
I’m having the same problem.
1 Like
I’ve narrowed it down to the 3.3.x branch of the @Shopify_77 /app-bridge package. Downgrading to 3.2.6 (latest 3.2.x), it works again.
Edit: made issue https://github.com/Shopify/shopify-app-bridge/issues/145