diff --git a/.gitignore b/.gitignore
index f5e0e321..bc43bd35 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,4 +4,4 @@ dist/
 !svgr.now.sh/lib/
 __fixtures_build__/
 src/__fixtures__/dist/
-coverage/
\ No newline at end of file
+coverage/
diff --git a/website/pages/docs/webpack.mdx b/website/pages/docs/webpack.mdx
index c9f3949e..36515147 100644
--- a/website/pages/docs/webpack.mdx
+++ b/website/pages/docs/webpack.mdx
@@ -81,12 +81,14 @@ module.exports = {
   module: {
     rules: [
       {
+        test: /\.svg$/i,
         type: 'asset',
         resourceQuery: /url/, // *.svg?url
       },
       {
         test: /\.svg$/i,
         issuer: /\.[jt]sx?$/,
+        resourceQuery: { not: [/url/] }, // exclude react component if *.svg?url
         use: ['@svgr/webpack'],
       },
     ],