babel.config.js

module.exports = (api) => {
    const validEnv = ["development", "production"];
    const currentEnv = api.env();
    const isDevelopmentEnv = api.env("development");

    if (!validEnv.includes(currentEnv)) {
        throw new Error(
            `${"Please specify a valid `NODE_ENV` or "
                + "`BABEL_ENV` environment variables. Valid values are \"development\", "
                + "\"test\", and \"production\". Instead, received: "}${
                JSON.stringify(currentEnv)
            }.`,
        );
    }

    return {
        presets: [
            [
                "@babel/preset-env",
                {
                    forceAllTransforms: true,
                    useBuiltIns: "entry",
                    corejs: 3,
                    modules: false,
                    exclude: ["transform-typeof-symbol"],
                },
            ],
            [
                "@babel/preset-react",
                {
                    development: isDevelopmentEnv,
                    useBuiltIns: true,
                },
            ],
        ],
        plugins: ["@babel/plugin-transform-runtime"],
    };
};