diff --git a/.changeset/cool-seahorses-check.md b/.changeset/cool-seahorses-check.md
new file mode 100644
index 000000000..6e1d3b762
--- /dev/null
+++ b/.changeset/cool-seahorses-check.md
@@ -0,0 +1,7 @@
+---
+'sku': patch
+---
+
+Revert storybook config to CJS
+
+Fixes a bug where newer storybook versions (>=7.1.0) could not load sku's storybook config
diff --git a/packages/sku/config/storybook/build/main.js b/packages/sku/config/storybook/build/main.js
index edf07ff25..5686f9864 100644
--- a/packages/sku/config/storybook/build/main.js
+++ b/packages/sku/config/storybook/build/main.js
@@ -1 +1 @@
-export { default } from '../config';
+module.exports = require('../config');
diff --git a/packages/sku/config/storybook/config.js b/packages/sku/config/storybook/config.js
index 643030e39..c060dc4e4 100644
--- a/packages/sku/config/storybook/config.js
+++ b/packages/sku/config/storybook/config.js
@@ -1,12 +1,13 @@
-import fs from 'fs';
-import path from 'path';
-import { createRequire } from 'module';
-import { paths, storybookAddons, storybookStoryStore } from '../../context';
-
-const require = createRequire(import.meta.url);
+const fs = require('fs');
+const path = require('path');
+const {
+  paths,
+  storybookAddons,
+  storybookStoryStore,
+} = require('../../context');
 
 /** @type {import("@storybook/react-webpack5").StorybookConfig} */
-export default {
+module.exports = {
   stories: paths.src
     .filter((srcPath) => fs.statSync(srcPath).isDirectory())
     .map((srcPath) => path.join(srcPath, '**/*.stories.@(js|ts|tsx)')),
diff --git a/packages/sku/config/storybook/start/main.js b/packages/sku/config/storybook/start/main.js
index edf07ff25..5686f9864 100644
--- a/packages/sku/config/storybook/start/main.js
+++ b/packages/sku/config/storybook/start/main.js
@@ -1 +1 @@
-export { default } from '../config';
+module.exports = require('../config');