From a42f0403f805fb62bc6e011ef4e343465cd2243c Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Sat, 21 Dec 2024 21:33:49 -0500
Subject: [PATCH] Test

---
 .../.storybook/{main.ts => main.mjs}              | 15 +++++++++------
 .../redux-devtools-ui/.storybook/swc-preset.mjs   |  1 -
 2 files changed, 9 insertions(+), 7 deletions(-)
 rename packages/redux-devtools-ui/.storybook/{main.ts => main.mjs} (70%)
 delete mode 100644 packages/redux-devtools-ui/.storybook/swc-preset.mjs

diff --git a/packages/redux-devtools-ui/.storybook/main.ts b/packages/redux-devtools-ui/.storybook/main.mjs
similarity index 70%
rename from packages/redux-devtools-ui/.storybook/main.ts
rename to packages/redux-devtools-ui/.storybook/main.mjs
index dd251135..cde68e22 100644
--- a/packages/redux-devtools-ui/.storybook/main.ts
+++ b/packages/redux-devtools-ui/.storybook/main.mjs
@@ -1,18 +1,20 @@
-import type { StorybookConfig } from '@storybook/react-webpack5';
+import { createRequire } from 'node:module';
+import path from 'node:path';
 
-import { join, dirname } from 'path';
+const require = createRequire(import.meta.url);
 
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
  */
-function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, 'package.json')));
+function getAbsolutePath(packageName) {
+  return path.dirname(require.resolve(path.join(packageName, 'package.json')));
 }
-const config: StorybookConfig = {
+
+const config = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [
-    './swc-preset.mjs',
+    getAbsolutePath('@storybook/addon-webpack5-compiler-swc'),
     getAbsolutePath('@storybook/addon-onboarding'),
     getAbsolutePath('@storybook/addon-links'),
     {
@@ -33,4 +35,5 @@ const config: StorybookConfig = {
   },
   staticDirs: ['../fonts'],
 };
+
 export default config;
diff --git a/packages/redux-devtools-ui/.storybook/swc-preset.mjs b/packages/redux-devtools-ui/.storybook/swc-preset.mjs
deleted file mode 100644
index 53a5d42c..00000000
--- a/packages/redux-devtools-ui/.storybook/swc-preset.mjs
+++ /dev/null
@@ -1 +0,0 @@
-export * from '@storybook/addon-webpack5-compiler-swc';