diff --git a/lib/config-generator.js b/lib/config-generator.js
index 745f0775..b5e3ef1e 100644
--- a/lib/config-generator.js
+++ b/lib/config-generator.js
@@ -105,8 +105,8 @@ class ConfigGenerator {
         }
 
         if (this.webpackConfig.usePreact && this.webpackConfig.preactOptions.preactCompat) {
-            config.resolve.alias['react'] = 'preact-compat';
-            config.resolve.alias['react-dom'] = 'preact-compat';
+            config.resolve.alias['react'] = 'preact/compat';
+            config.resolve.alias['react-dom'] = 'preact/compat';
         }
 
         Object.assign(config.resolve.alias, this.webpackConfig.aliases);
diff --git a/test/config-generator.js b/test/config-generator.js
index 82375d4c..25075501 100644
--- a/test/config-generator.js
+++ b/test/config-generator.js
@@ -493,7 +493,7 @@ describe('The config-generator function', () => {
                 'foo': 'bar',
                 'vue$': 'new-vue$',
                 'react-dom': 'new-react-dom',
-                'react': 'preact-compat' // Keeps predefined aliases that are not overwritten
+                'react': 'preact/compat' // Keeps predefined aliases that are not overwritten
             });
         });
     });