Upgrade to SB 7 beta

.storybook/main.js

@@ -1,13 +1,10 @@
 /* eslint-disable no-param-reassign */
 const webpack = require('webpack');
-
 module.exports = {
   stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
   staticDirs: ['../static'],
   addons: ['@storybook/addon-essentials'],
-  core: {
-    builder: 'webpack5',
-  },
+  core: {},
   webpack: async (config) => {
     config.module.rules[0].exclude = [/node_modules\/(?!(gatsby)\/)/];
 
@@ -28,17 +25,18 @@ module.exports = {
         require.resolve('./useSiteMetadata')
       )
     );
-
     config.resolve.alias['../../../hooks/use-addons-search'] = require.resolve(
       './use-addons-search.mock.js'
     );
-
     config.plugins.unshift(
       new webpack.DefinePlugin({
         'process.env.GATSBY_ALGOLIA_API_KEY': JSON.stringify(process.env.GATSBY_ALGOLIA_API_KEY),
       })
     );
-
     return config;
   },
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
 };

package.json

@@ -16,10 +16,10 @@
     "@google-cloud/bigquery": "^5.2.0",
     "@mdx-js/mdx": "^1.6.16",
     "@mdx-js/react": "^1.6.16",
-    "@storybook/api": "^6.5.9",
+    "@storybook/api": "^7.0.0-beta.2",
     "@storybook/components-marketing": "^2.0.41",
     "@storybook/design-system": "7.9.0",
-    "@storybook/theming": "^6.5.9",
+    "@storybook/theming": "^7.0.0-beta.2",
     "core-js": "^3.22.8",
     "date-fns": "^2.16.1",
     "dotenv": "^8.2.0",
@@ -96,8 +96,8 @@
     "format": "prettier --write \"src/**/*.js\"",
     "lint": "eslint src .storybook --ext .js,.jsx,.json,.html,.ts,.tsx,.mjs --report-unused-disable-directives",
     "test": "jest",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "chromatic": "CHROMATIC_PROJECT_TOKEN=dd2oqshntir chromatic test",
     "generate-types": "graphql-codegen --config graphql-types-codegen.yml",
     "build:functions": "netlify-lambda build src/functions",
@@ -114,13 +114,12 @@
     "@graphql-codegen/cli": "^1.9.1",
     "@graphql-codegen/introspection": "1.16.3",
     "@graphql-codegen/typescript": "^1.9.1",
-    "@storybook/addon-actions": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/builder-webpack5": "^6.5.9",
+    "@storybook/addon-actions": "^7.0.0-beta.2",
+    "@storybook/addon-essentials": "^7.0.0-beta.2",
     "@storybook/eslint-config-storybook": "^3.1.2",
-    "@storybook/manager-webpack5": "^6.5.9",
-    "@storybook/react": "^6.5.9",
-    "@storybook/testing-library": "^0.0.11",
+    "@storybook/react": "^7.0.0-beta.2",
+    "@storybook/react-webpack5": "^7.0.0-beta.2",
+    "@storybook/testing-library": "^0.0.14-next.0",
     "babel-preset-gatsby": "^2.16.0",
     "chromatic": "^5.0.0",
     "concurrently": "^5.3.0",
@@ -134,6 +133,7 @@
     "prettier": "^2.0.5",
     "prettier-eslint": "^11.0.0",
     "seedrandom": "^3.0.5",
+    "storybook": "^7.0.0-beta.2",
     "storybook-addon-outline": "^1.4.2",
     "webfontloader": "^1.6.28",
     "webpack": "^5.73.0"