diff --git a/babel.config.cjs b/babel.config.cjs
index 085bdacd3..a96cc2211 100644
--- a/babel.config.cjs
+++ b/babel.config.cjs
@@ -1,7 +1,7 @@
 module.exports = {
   env: {
     test: {
-      presets: [['@babel/preset-env', { targets: { node: 'current' } }]],
+      presets: [['@babel/preset-env', { targets: { node: 'current' } }, '@babel/preset-react']],
       plugins: ['@babel/plugin-transform-react-jsx'],
     },
   },
diff --git a/commands/build/lib/config.js b/commands/build/lib/config.js
index fdffb61cd..b750bdff0 100644
--- a/commands/build/lib/config.js
+++ b/commands/build/lib/config.js
@@ -11,6 +11,8 @@ const jsxPlugin = require('@babel/plugin-transform-react-jsx');
 const babelPreset = require('@babel/preset-env');
 const { visualizer } = require('rollup-plugin-visualizer');
 const browsersList = require('@qlik/browserslist-config');
+const babelPresetReact = require('@babel/preset-react');
+const babelPresetTypescript = require('@babel/preset-typescript');
 
 const resolveNative = require('./resolveNative');
 
@@ -151,12 +153,12 @@ const config = ({
         },
       },
     ],
-    ['@babel/preset-react'],
+    [babelPresetReact],
   ];
 
   if (typescript) {
     babelPresets.push([
-      '@babel/preset-typescript',
+      babelPresetTypescript,
       {
         allowNamespaces: true,
         allowDeclareFields: true,