@amplitude/plugin-web-vitals-browser build fails on CRA v4 (react-scripts@4.0.3)

When using @amplitude/plugin-web-vitals-browser with Create React App v4 (react-scripts@4.0.3), the build fails with:

./node_modules/@amplitude/plugin-web-vitals-browser/node_modules/web-vitals/dist/web-vitals.js<br /><br />SyntaxError: /app/node_modules/@amplitude/plugin-web-vitals-browser/node_modules/web-vitals/dist/web-vitals.js: Missing class properties transform.

This happens because CRA v4’s Babel config doesn’t support class fields syntax, which web-vitals (an amplitude dependency) uses.

Upgrading to react-scripts@5 fixes the issue, but it introduced conflicts with dotenv in my setup. I had to uninstall dotenv to proceed.

It would help if the package were transpiled for CRA v4 compatibility, or if documentation clearly stated that CRA v5+ is required.

Find more posts tagged with

Integrations

SDK

Accepted answers

All comments

There are no accepted answers yet

Quick Links

Unanswered Questions

Guides not working - really need help
We've had a lot of challenges making guides work. We have about 10 guides that are limited to 1 screen each (in our app). The guides are triggered by the page they are on, and targeted by user properties which we set from our app. So it is possible for a user to take an action in our app, that updates a user property in…
Import data from one amplitude account to another
How do I transfer data from one amplitude account to another? It seems all the community chats about this have completely broken links. Easy to export, no way to import, very frustrating. :(
@amplitude/plugin-web-vitals-browser build fails on CRA v4 (react-scripts@4.0.3)
When using @amplitude/plugin-web-vitals-browser with Create React App v4 (react-scripts@4.0.3), the build fails with: ./node_modules/@amplitude/plugin-web-vitals-browser/node_modules/web-vitals/dist/web-vitals.js<br /><br />SyntaxError:…
Question about Amplitude Export API Data Delay
Hello, I'm using SpringBoot and Kotlin to integrate with the Amplitude Export API. The official Amplitude documentation (https://amplitude.com/docs/apis/analytics/export) states that "data is available to export at a minimum within 2 hours of when the servers received it." However, there's no clear information about the…
Retrieve via the API users based on a user property
Hello, Is there a way to make a query like: “Give me all the users that have the user property X equal to 10”, by using just any of the APIs, without making a cohort first through the Amplitude’s UI? Thank you!