web: Storybook: Fixed 'styled-components' resolution

web/ASC.Web.Storybook/.storybook/config.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { addParameters, configure } from '@storybook/react';
 import { addDecorator } from '@storybook/react';
 import { withConsole } from '@storybook/addon-console';

web/ASC.Web.Storybook/.storybook/webpack.config.js

@@ -1,9 +1,22 @@
-module.exports = function({ config }) {
-    config.module.rules.push({
-      test: /\.stories\.js?$/,
-      loaders: [require.resolve('@storybook/addon-storysource/loader')],
-      enforce: 'pre',
-    });
+const path = require("path");
 
-    return config;
+module.exports = {
+  resolve: {
+    alias: {
+      "styled-components": path.resolve(
+        __dirname,
+        "../node_modules",
+        "styled-components"
+      )
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.stories\.js?$/,
+        loaders: [require.resolve("@storybook/addon-storysource/loader")],
+        enforce: "pre"
+      }
+    ]
+  }
 };