From bf8a7e9f1aed93687be6862c36408ddcef2692b9 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Fri, 27 May 2022 13:44:38 -0700
Subject: [PATCH] Fix svg related errors with storybook

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

diff --git a/web/.storybook/main.js b/web/.storybook/main.js
index f694bd4dc..11adedf7a 100644
--- a/web/.storybook/main.js
+++ b/web/.storybook/main.js
@@ -19,6 +19,16 @@ module.exports = {
     'addon-screen-reader',
   ],
   webpackFinal: async (config, { configType }) => {
+    // @see https://github.com/storybookjs/storybook/issues/9070
+    const fileLoaderRule = config.module.rules.find(rule => rule.test && rule.test.test('.svg'));
+    fileLoaderRule.exclude = /\.svg$/;
+
+    // https://www.npmjs.com/package/@svgr/webpack
+    config.module.rules.push({
+      test: /\.svg$/,
+      use: ['@svgr/webpack'],
+    });
+
     config.module.rules.push({
       test: /\.less$/,
       use: [