try try

opengento · Jan 25, 2025 · 24f4fae · 24f4fae
1 parent 412aa2a
commit 24f4fae
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 32 deletions.
diff --git a/next.config.ts b/next.config.ts
@@ -3,28 +3,10 @@ import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
     reactStrictMode: true,
     webpack(config) {
-        // Grab the existing rule that handles SVG imports
-        const fileLoaderRule = config.module.rules.find((rule) =>
-            rule.test?.test?.('.svg'),
-        );
-
-        config.module.rules.push(
-            // Reapply the existing rule, but only for svg imports ending in ?url
-            {
-                ...fileLoaderRule,
-                test: /\.svg$/i,
-                resourceQuery: /url/, // *.svg?url
-            },
-            // Convert all other *.svg imports to React components
-            {
-                test: /\.svg$/i,
-                issuer: fileLoaderRule.issuer,
-                resourceQuery: {not: [...fileLoaderRule.resourceQuery.not, /url/]}, // exclude if *.svg?url
-                use: ['@svgr/webpack'],
-            }
-        );
-        // Modify the file loader rule to ignore *.svg, since we have it handled now.
-        fileLoaderRule.exclude = /\.svg$/i;
+        config.module.rules.push({
+            test: /\.svg$/i,
+            use: ['@svgr/webpack'],
+        });
 
         return config;
     }

diff --git a/src/types/custom.d.ts b/src/types/custom.d.ts
diff --git a/svgr.d.ts b/svgr.d.ts
@@ -3,8 +3,3 @@ declare module '*.svg' {
     const content: FC<SVGProps<SVGElement>>;
     export default content;
 }
-
-declare module '*.svg?url' {
-    const content: any;
-    export default content;
-}