Upgrade babel, webpack and storybook stack

src/.storybook/addons.js

@@ -0,0 +1 @@
+import '@storybook/addon-actions/register';

src/.storybook/webpack.config.js

@@ -1,7 +1,18 @@
 const path = require("path");
 
+const rendererConfig = require('../../webpack.config.renderer');
+
 // https://storybook.js.org/configurations/custom-webpack-config/#full-control-mode--default
-module.exports = (baseConfig, env, defaultConfig) => {
-  defaultConfig.resolve.modules = [path.resolve(__dirname, '../node_modules'), 'node_modules'];
-  return defaultConfig;
+module.exports = (storybookBaseConfig, configType) => {
+  // Avoid conflicting two instances of React due to two package.json structure
+  storybookBaseConfig.resolve.modules.unshift(path.resolve(__dirname, '../node_modules'));
+
+  // Use same rules
+  storybookBaseConfig.module.rules = rendererConfig.module.rules.concat({
+    test: /\.(ttf|woff2?|eot|svg)/,
+    use: {
+      loader: 'file-loader'
+    }
+  });
+  return storybookBaseConfig;
 }