diff --git a/babel.config.js b/babel.config.js
index 7de6926c850d..64a433936eb7 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -17,16 +17,8 @@ const defaultPlugins = [
 ];
 
 const webpack = {
-    env: {
-        production: {
-            presets: defaultPresets,
-            plugins: [...defaultPlugins, 'transform-remove-console'],
-        },
-        development: {
-            presets: defaultPresets,
-            plugins: defaultPlugins,
-        },
-    },
+    presets: defaultPresets,
+    plugins: defaultPlugins,
 };
 
 const metro = {
@@ -78,6 +70,11 @@ const metro = {
             },
         ],
     ],
+    env: {
+        production: {
+            plugins: ['transform-remove-console', {exclude: ['error', 'warn']}],
+        },
+    },
 };
 
 /*
@@ -102,11 +99,19 @@ if (process.env.CAPTURE_METRICS === 'true') {
     ]);
 }
 
-module.exports = ({caller}) => {
+module.exports = (api) => {
+    console.debug('babel.config.js');
+    console.debug('  - api.version:', api.version);
+    console.debug('  - api.env:', api.env());
+    console.debug('  - process.env.NODE_ENV:', process.env.NODE_ENV);
+    console.debug('  - process.env.BABEL_ENV:', process.env.BABEL_ENV);
+
     // For `react-native` (iOS/Android) caller will be "metro"
     // For `webpack` (Web) caller will be "@babel-loader"
     // For jest, it will be babel-jest
     // For `storybook` there won't be any config at all so we must give default argument of an empty object
-    const runningIn = caller((args = {}) => args.name);
+    const runningIn = api.caller((args = {}) => args.name);
+    console.debug('  - running in: ', runningIn);
+
     return ['metro', 'babel-jest'].includes(runningIn) ? metro : webpack;
 };