Migrate

packages/redux-devtools-ui/.storybook/main.js

@@ -1,14 +1,13 @@
 module.exports = {
-  core: {
-    builder: 'webpack5',
-  },
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  addons: [
-    {
+  addons: [{
     name: '@storybook/addon-essentials',
     options: {
-        backgrounds: false,
-      },
-    },
-  ],
+      backgrounds: false
+    }
+  }],
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {}
+  }
 };

packages/redux-devtools-ui/package.json

@@ -25,8 +25,8 @@
   },
   "scripts": {
     "start": "pnpm run storybook",
-    "storybook": "start-storybook --port 6006 --static-dir ./fonts",
-    "build:storybook": "build-storybook --static-dir ./fonts --quiet",
+    "storybook": "storybook dev --port 6006 --static-dir ./fonts",
+    "build:storybook": "storybook build --static-dir ./fonts --quiet",
     "build": "pnpm run build:lib && pnpm run build:storybook",
     "build:lib": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types && pnpm run build:css",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
@@ -67,10 +67,9 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.0",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/react": "^6.5.16",
+    "@storybook/addon-essentials": "^7.0.2",
+    "@storybook/react": "^7.0.2",
+    "@storybook/react-webpack5": "7.0.2",
     "@testing-library/dom": "^9.2.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
@@ -95,6 +94,7 @@
     "react-is": "^18.2.0",
     "require-from-string": "^2.0.2",
     "rimraf": "^4.4.1",
+    "storybook": "7.0.2",
     "styled-components": "^5.3.9",
     "stylelint": "^15.3.0",
     "stylelint-config-prettier": "^9.0.5",