build: configure svgr to use svg as components

1 files changed, 30 insertions, 4 deletions

diff --git a/next.config.js b/next.config.js
index f7b37d6..9c2debe 100644
--- a/next.config.js
+++ b/next.config.js
@@ -8,10 +8,36 @@ module.exports = {
   },
   reactStrictMode: true,
   webpack: (config) => {
-    config.module.rules.push({
-      test: /\.po/,
-      use: ['@lingui/loader'],
-    });
+    config.module.rules.push(
+      {
+        test: /\.po/,
+        use: ['@lingui/loader'],
+      },
+      {
+        test: /\.svg$/,
+        use: [
+          {
+            loader: '@svgr/webpack',
+            options: {
+              svgoConfig: {
+                plugins: [
+                  {
+                    name: 'preset-default',
+                    params: {
+                      overrides: {
+                        removeTitle: false,
+                        removeViewBox: false,
+                      },
+                    },
+                  },
+                  'removeDimensions',
+                ],
+              },
+            },
+          },
+        ],
+      }
+    );
 
     return config;
   },