diff --git a/addons/docs/src/frameworks/common/preset.ts b/addons/docs/src/frameworks/common/preset.ts
index 002e5555f282..79a1a84ebaf8 100644
--- a/addons/docs/src/frameworks/common/preset.ts
+++ b/addons/docs/src/frameworks/common/preset.ts
@@ -44,6 +44,18 @@ export function webpack(webpackConfig: any = {}, options: any = {}) {
       ...module,
       rules: [
         ...(module.rules || []),
+        {
+          test: /\.js$/,
+          include: /node_modules\/acorn-jsx/,
+          use: [
+            {
+              loader: 'babel-loader',
+              options: {
+                presets: [[require.resolve('@babel/preset-env'), { modules: 'commonjs' }]],
+              },
+            },
+          ],
+        },
         {
           test: /\.(stories|story).mdx$/,
           use: [