Run "npx -p @storybook/cli sb init" and then "rm -rf stories"

.storybook/main.js

@@ -0,0 +1,9 @@
+module.exports = {
+  stories: ['../stories/**/*.stories.js'],
+  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
+  webpackFinal: async config => {
+    // do mutation to the config
+
+    return config;
+  },
+};

package.json

@@ -9,7 +9,9 @@
     "build-all": "yarn install --frozen-lockfile && script/compile-assets.sh && yarn build",
     "ci-build-all": "script/compile-assets.sh && yarn build",
     "test": "rake -v spec  && yarn build && yarn jest",
-    "jest": "jest"
+    "jest": "jest",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
@@ -18,6 +20,10 @@
     "@babel/preset-react": "^7.10.0",
     "@babel/preset-typescript": "^7.9.0",
     "@rails/webpacker": "^5.1.1",
+    "@storybook/addon-actions": "^5.3.19",
+    "@storybook/addon-links": "^5.3.19",
+    "@storybook/addons": "^5.3.19",
+    "@storybook/react": "^5.3.19",
     "@types/activestorage": "^5.2.2",
     "@types/color": "^3.0.0",
     "@types/enzyme": "^3.1.9",
@@ -38,6 +44,7 @@
     "@types/react-transition-group": "^2.9.0",
     "@types/sinon": "^4.3.3",
     "@types/validator": "^9.4.1",
+    "babel-loader": "^8.1.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "bootstrap": "^3.4.1",
     "bootstrap-loader": "github:houdiniproject/bootstrap-loader#compiled_namespaced_3",