This is a common babel preset that can be used for all Planning Center Apps.
Usage
yarn add @planningcenter/babel-preset
Then add the preset to your babel config in babel.config.json
:
{
"presets": ["@planningcenter"]
}
You can remove all references to basic babel plugins and presets. This is also responsible for making sure that you have a current working version of @babel/core and @babel/runtime.
Options
useClassicJSXRuntime
(default: false)
By default, this preset will use React's runtime to transform JSX. This runtime is available in React ^17, ^16.4.0, ^15.7.0, and ^0.14.10. If you are on an older version of React, you will either need to upgrade or use this setting.
presetReactImportSource
(default: "react")
This option allows overriding the importSource
option for @babel/preset-react
. Useful if using emotion, for example.