diff --git a/app/javascript/.storybook/main.js b/app/javascript/.storybook/main.js
index 60ffb576e..c3986e9e9 100644
--- a/app/javascript/.storybook/main.js
+++ b/app/javascript/.storybook/main.js
@@ -68,6 +68,8 @@ module.exports = {
         '@crayons': path.resolve(__dirname, '../crayons'),
         '@utilities': path.resolve(__dirname, '../utilities'),
         '@components': path.resolve(__dirname, '../shared/components'),
+        react: 'preact/compat',
+        'react-dom': 'preact/compat',
       },
     };