build(sb): 👷 update sb storystore and remove react docgen plugin #376

Author: navin-moorthy

.storybook/main.js

@@ -1,11 +1,12 @@
 module.exports = {
   framework: "@storybook/react",
   core: { builder: "webpack5" },
-  features: { babelModeV7: true },
+  // storyStoreV7 removes the circular dependency issue with Webpack 5
+  // So, we added ThemeProvider in preview.jsx and so src/theme should work for HMR
+  features: { storyStoreV7: true, babelModeV7: true },
   stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
     "storybook-addon-preview",
-    "storybook-addon-react-docgen",
     "@storybook/addon-essentials",
     "@storybook/addon-a11y",
     {

.storybook/preview.js

@@ -1,7 +1,5 @@
 import React from "react";
 import { kebabCase } from "lodash";
-import { addDecorator } from "@storybook/react";
-import { withPropsTable } from "storybook-addon-react-docgen";
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
@@ -21,5 +19,3 @@ export const decorators = [
     return <Story />;
   },
 ];
-
-addDecorator(withPropsTable);

package.json

@@ -195,11 +195,10 @@
     "react-test-renderer": "18.2.0",
     "react-transition-group": "4.4.2",
     "react-virtual": "2.10.4",
-    "release-it": "15.1.0",
+    "release-it": "15.1.1",
     "rimraf": "3.0.2",
     "sort-package-json": "1.57.0",
     "storybook-addon-preview": "2.2.0",
-    "storybook-addon-react-docgen": "1.2.42",
     "strip-comments": "2.0.1",
     "tailwindcss": "3.1.4",
     "ts-jest": "28.0.5",