Fix svg related errors with storybook

2022-05-27 13:44:38 -07:00 · 2022-05-27 13:44:38 -07:00 · bf8a7e9f1a
commit bf8a7e9f1a
parent db184c74dd
1 changed files with 10 additions and 0 deletions
--- 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: [