yarn start fails when running Node v12.18

[kevinold]

Problem

Running the app against Node v12.18 fails with

./src/svgs/undraw_personal_finance_tqcd.svg (./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/svgs/undraw_personal_finance_tqcd.svg)
Error: Cannot find module '@babel/compat-data/corejs3-shipped-proposals'

➜  cypress-realworld-app git:✗ yarn start
yarn run v1.22.4
$ yarn db:seed:dev
$ cp data/database-seed.json data/database.json
$ NODE_ENV=development concurrently yarn:start:react yarn:start:api
$ react-scripts -r @cypress/instrument-cra start
$ yarn tsnode --files backend/app.ts
$ nyc --silent ts-node -O '{"isolatedModules": false, "module": "commonjs" }' --files backend/app.ts
[start:react] ℹ ｢wds｣: Project is running at http://192.168.1.228/
[start:react] ℹ ｢wds｣: webpack output is served from
[start:react] ℹ ｢wds｣: Content not from webpack is served from /Users/kevinold/cypress-repos/cypress-realworld-app/public
[start:react] ℹ ｢wds｣: 404s will fallback to /
[start:react] Starting the development server...
[start:react]
[start:api] express-validator: sanitize(), sanitizeBody() and other sanitization-only middlewares have been deprecated.
[start:api] Please use check(), body() and others instead, which must offer the same API, and more.
[start:react] Failed to compile.
[start:react]
[start:react] ./src/svgs/rwa-logo.svg (./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/svgs/rwa-logo.svg)
[start:react] Error: Cannot find module '@babel/compat-data/corejs3-shipped-proposals'
[start:react] Require stack:
[start:react] - /Users/kevinold/cypress-repos/cypress-realworld-app/node_modules/@svgr/webpack/node_modules/@babel/preset-env/lib/polyfills/corejs3/usage-plugin.js
[start:react] - /Users/kevinold/cypress-repos/cypress-realworld-app/node_modules/@svgr/webpack/node_modules/@babel/preset-env/lib/index.js
[start:react] - /Users/kevinold/cypress-repos/cypress-realworld-app/node_modules/@svgr/webpack/lib/index.js
[start:react] - /Users/kevinold/cypress-repos/cypress-realworld-app/node_modules/loader-runner/lib/loadLoader.js
[start:react] - /Users/kevinold/cypress-repos/cypress-realworld-app/node_modules/loader-runner/lib/LoaderRunner.js
[start:react] - /Users/kevinold/cypress-repos/cypress-realworld-app/node_modules/webpack/lib/NormalModule.js
[start:react] - /Users/kevinold/cypress-repos/cypress-realworld-app/node_modules/webpack/lib/NormalModuleFactory.js
[start:react] - /Users/kevinold/cypress-repos/cypress-realworld-app/node_modules/webpack/lib/Compiler.js
[start:react] - /Users/kevinold/cypress-repos/cypress-realworld-app/node_modules/webpack/lib/webpack.js
[start:react] - /Users/kevinold/cypress-repos/cypress-realworld-app/node_modules/react-scripts/config/webpack.config.js
[start:react] - /Users/kevinold/cypress-repos/cypress-realworld-app/node_modules/@cypress/instrument-cra/index.js
[start:react] - internal/preload

Solution

Run project using Node v12.16 until a fix is secured.

[kevinold]

Related to babel/babel#11292