{"id":19329,"library":"babel-preset-react-app-webpack-5","title":"babel-preset-react-app-webpack-5","description":"Forked Babel preset from Create React App, updated for Webpack 5 compatibility. Version 10.0.0 is the latest. This preset configures Babel for React projects with support for Flow and TypeScript, enabling JSX transformation, object rest/spread, absolute runtime paths, and polyfills. Unlike the official 'babel-preset-react-app' which targets Webpack 4, this fork ensures compatibility with Webpack 5 while maintaining the same API. Useful for ejected CRA projects or custom setups requiring Webpack 5.","status":"active","version":"10.0.0","language":"javascript","source_language":"en","source_url":"https://github.com/blackarctic/create-react-app","tags":["javascript"],"install":[{"cmd":"npm install babel-preset-react-app-webpack-5","lang":"bash","label":"npm"},{"cmd":"yarn add babel-preset-react-app-webpack-5","lang":"bash","label":"yarn"},{"cmd":"pnpm add babel-preset-react-app-webpack-5","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency required for Babel preset to function.","package":"@babel/core","optional":false}],"imports":[{"note":"This package exports a CommonJS module; ESM import is not supported directly. Use require in Node/Babel config.","wrong":"import preset from 'babel-preset-react-app-webpack-5'","symbol":"default","correct":"module.exports = require('babel-preset-react-app-webpack-5')"},{"note":"createTransformer is a named export for custom Jest transforms; still require-based.","wrong":"import { createTransformer } from 'babel-preset-react-app-webpack-5'","symbol":"createTransformer","correct":"const { createTransformer } = require('babel-preset-react-app-webpack-5')"}],"quickstart":{"code":"// .babelrc\n{\n  \"presets\": [\"react-app\"]\n}\n\n// Or with options:\n{\n  \"presets\": [\n    [\"react-app\", {\n      \"flow\": false,\n      \"typescript\": true,\n      \"absoluteRuntime\": false\n    }]\n  ]\n}","lang":"json","description":"Shows how to use the preset in .babelrc for a React project with optional TypeScript and relative runtime paths."},"warnings":[{"fix":"Update to babel-preset-react-app-webpack-5@10.0.0 or later.","message":"Removed support for @babel/plugin-proposal-private-property-in-object. Upgrade to version 10+ to avoid build errors.","severity":"breaking","affected_versions":"<10.0.0"},{"fix":"Use Node 14+.","message":"Dropped support for Node.js 10 and 12. Minimum Node 14 required.","severity":"breaking","affected_versions":">=10.0.0"},{"fix":"Use \"presets\": [\"react-app\"] in .babelrc.","message":"Preset name must be 'react-app' in Babel config; not 'babel-preset-react-app-webpack-5'.","severity":"breaking","affected_versions":">=10.0.0"},{"fix":"Add { \"absoluteRuntime\": false } to preset options.","message":"AbsoluteRuntime defaults to true, causing import path errors if runtime is not installed. Set absoluteRuntime: false if not using @babel/runtime.","severity":"gotcha","affected_versions":">=10.0.0"},{"fix":"Configure core-js or @babel/preset-env useBuiltIns directly.","message":"The 'useBuiltIns' option is deprecated and will be removed in a future version. Polyfills should be handled separately.","severity":"deprecated","affected_versions":">=10.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Update to babel-preset-react-app-webpack-5@10.0.0 or remove plugin from Babel config.","cause":"Plugin removed in v10, but older configs reference it.","error":"Error: Cannot find module '@babel/plugin-proposal-private-property-in-object'"},{"fix":"Install @babel/core@^7.12.0.","cause":"Incompatible Babel version. Requires 7.x but <7.12.","error":"Error: Requires Babel \"^7.0.0\", but was loaded with \"7.12.0\""},{"fix":"Set { absoluteRuntime: false } in preset options or install @babel/runtime@^7.12.0.","cause":"Absolute runtime path issue with @babel/runtime not present.","error":"TypeError: Cannot read property 'bind' of undefined"},{"fix":"Ensure babel-preset-react-app-webpack-5 is correctly added; it includes this plugin.","cause":"Missing @babel/plugin-proposal-class-properties.","error":"SyntaxError: Support for the experimental syntax 'classProperties' isn't currently enabled"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}