From 2385ec8ca0963306f6b87564467301cb5a2a1834 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 1 Apr 2022 17:10:49 +0200
Subject: build(storybook): handle SVGR import

---
 .storybook/main.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

(limited to '.storybook')

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'),
-- 
cgit v1.2.3