Merge pull request #362 from rohit-nair/rn/storybook-upgrade-v6

deps: Upgrade storybook to v6.x

Author: jamaljsr

app/.storybook/main.js

@@ -2,7 +2,7 @@ module.exports = {
   stories: [
     // display the Loop page as the first story int he list
     '../src/__stories__/LoopPage.stories.tsx',
-    '../src/**/*.stories.(ts|tsx|js|jsx|mdx)',
+    '../src/**/*.stories.@(ts|tsx|js|jsx|mdx)',
   ],
   addons: [
     '@storybook/preset-create-react-app',
@@ -15,4 +15,12 @@ module.exports = {
       },
     },
   ],
+  core: {
+    builder: 'webpack5'
+  },
+  features: {
+    // Emotion11 quasi compatibility issue with storybook. Disabling feature flag to support emotion11.
+    // https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#emotion11-quasi-compatibility
+    emotionAlias: false,
+  },
 };

app/package.json

@@ -51,12 +51,14 @@
     "styled-components": "5.1.1"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.3.19",
-    "@storybook/addon-docs": "5.3.19",
-    "@storybook/addon-links": "5.3.19",
-    "@storybook/addons": "5.3.19",
-    "@storybook/preset-create-react-app": "3.1.2",
-    "@storybook/react": "5.3.19",
+    "@storybook/addon-actions": "6.5.5",
+    "@storybook/addon-docs": "6.5.5",
+    "@storybook/addon-links": "6.5.5",
+    "@storybook/addons": "6.5.5",
+    "@storybook/builder-webpack5": "6.5.5",
+    "@storybook/manager-webpack5": "6.5.5",
+    "@storybook/preset-create-react-app": "4.1.1",
+    "@storybook/react": "6.5.5",
     "@testing-library/jest-dom": "5.11.5",
     "@testing-library/react": "11.1.1",
     "@testing-library/user-event": "12.2.0",
@@ -87,7 +89,8 @@
     "prettier": "2.1.2",
     "sass": "1.43.4",
     "ts-protoc-gen": "0.12.0",
-    "typescript": "4.1.6"
+    "typescript": "4.1.6",
+    "webpack": "5"
   },
   "eslintConfig": {
     "extends": "react-app",