1 files changed, 10 insertions, 0 deletions
diff --git a/.storybook/main.js b/.storybook/main.js
index 6cc777d..05aa578 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -13,6 +13,16 @@ const storybookConfig = {
     builder: 'webpack5',
   },
   webpackFinal: async (config) => {
+    // Use SVGR for SVG files. See: https://medium.com/@derek_19900/config-storybook-4-to-use-svgr-webpack-plugin-22cb1152f004
+    const rules = config.module.rules;
+    const fileLoaderRule = rules.find((rule) => rule.test.test('.svg'));
+    fileLoaderRule.exclude = /\.svg$/;
+    rules.push({
+      test: /\.svg$/,
+      use: [{ loader: '@svgr/webpack', options: { dimensions: false } }],
+    });
+
+    // Set modules aliases.
     config.resolve.alias = {
       ...config.resolve.alias,
       '@i18n': path.resolve(__dirname, '../src/i18n'),