{"id":19306,"library":"babel-preset-kyt-react","title":"babel-preset-kyt-react","description":"An opinionated Babel preset for React applications, intended to be used with the kyt build tool from The New York Times. Version 1.3.20 is the latest stable release, part of the kyt monorepo. It provides a preconfigured Babel setup for React with support for common modern JavaScript features. Unlike generic presets like @babel/preset-react, this preset is tailored for kyt's specific project structure and includes its own set of plugins. The package has low release cadence, primarily receiving version bumps alongside other kyt packages. Key differentiator is its seamless integration with the kyt build system, which handles configuration for Webpack, Babel, and ESLint.","status":"active","version":"1.3.20","language":"javascript","source_language":"en","source_url":"https://github.com/nytimes/kyt","tags":["javascript","babel","babel-preset","kyt","react"],"install":[{"cmd":"npm install babel-preset-kyt-react","lang":"bash","label":"npm"},{"cmd":"yarn add babel-preset-kyt-react","lang":"bash","label":"yarn"},{"cmd":"pnpm add babel-preset-kyt-react","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Babel core is required to process transformations","package":"@babel/core","optional":false},{"reason":"Preset-env for compiling modern JavaScript","package":"@babel/preset-env","optional":false},{"reason":"Preset-react for JSX and React-specific transforms","package":"@babel/preset-react","optional":false},{"reason":"Plugin to add module.exports for CommonJS compatibility","package":"babel-plugin-add-module-exports","optional":false},{"reason":"Plugin for class properties syntax","package":"@babel/plugin-proposal-class-properties","optional":false},{"reason":"Plugin for dynamic import() syntax","package":"@babel/plugin-syntax-dynamic-import","optional":false}],"imports":[{"note":"Preset name is 'kyt-react' in babel config; the full package name also works but shorter is documented.","wrong":"module.exports = { presets: ['babel-preset-kyt-react'] }","symbol":"default (preset)","correct":"module.exports = { presets: ['kyt-react'] }"},{"note":"This is a Babel preset, not exported as a JavaScript module; use in babel.config.js or .babelrc.","wrong":"import { preset } from 'babel-preset-kyt-react'","symbol":"babel-preset-kyt-react","correct":"module.exports = { presets: ['babel-preset-kyt-react'] }"},{"note":"Uses CommonJS module.exports; ESM export is not supported in Babel config files.","wrong":"export default { presets: ['kyt-react'] }","symbol":"module.exports","correct":"module.exports = { presets: [['kyt-react', { runtime: 'automatic' }]] }"}],"quickstart":{"code":"// Install with kyt: npm install kyt babel-preset-kyt-react@1.3.20\n// In babel.config.js:\nmodule.exports = {\n  presets: [\n    ['kyt-react', {\n      runtime: 'automatic' // optional, for React 17+ JSX transform\n    }]\n  ]\n}\n// Then run: npx kyt build","lang":"javascript","description":"Shows basic setup of the preset in a babel configuration file, assuming kyt is used as the build tool."},"warnings":[{"fix":"Upgrade Babel to v8 and switch to @babel/plugin-transform-class-properties or remove if using preset-env with shippedProposals.","message":"Plugin @babel/plugin-proposal-class-properties is deprecated as of Babel 8","severity":"deprecated","affected_versions":">=1.3.20"},{"fix":"Use 'kyt-react' as preset name in babel config when using kyt.","message":"Preset name must be 'kyt-react' not 'babel-preset-kyt-react' when using kyt framework's default config resolution","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Ensure you are using the kyt build tool or manually configure missing plugins.","message":"This preset is tightly coupled with kyt; using it standalone without kyt may cause unexpected behavior","severity":"gotcha","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run 'npm install babel-preset-kyt-react' and use presets: ['kyt-react'] or presets: ['babel-preset-kyt-react']","cause":"Package not installed or incorrect import path in babel config","error":"Cannot find module 'babel-preset-kyt-react'"},{"fix":"Ensure @babel/core is installed and version matches; use 'npm dedupe' or reinstall dependencies","cause":"Multiple copies of Babel or incorrect version mismatch","error":"Error: Plugin/Preset files are not allowed to export objects, only functions."},{"fix":"Add '@babel/plugin-transform-runtime' to plugins and install @babel/runtime as a dependency","cause":"Missing @babel/plugin-transform-runtime or @babel/runtime","error":"ReferenceError: regeneratorRuntime is not defined"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}