fix(react): add fallback for SVG imports coming from non-TS/JS modules (#2351)

packages/react/plugins/webpack.ts

@@ -18,17 +18,34 @@ function getWebpackConfig(config: Configuration) {
     },
     {
       test: /\.svg$/,
-      issuer: {
+      oneOf: [
-        test: /\.[jt]sx?$/
+        // If coming from JS/TS file, then transform into React component using SVGR.
-      },
-      use: [
-        '@svgr/webpack?-svgo,+titleProp,+ref![path]',
         {
-          loader: 'url-loader',
+          issuer: {
-          options: {
+            test: /\.[jt]sx?$/
-            limit: 10000, // 10kB
+          },
-            name: '[name].[hash:7].[ext]'
+          use: [
-          }
+            '@svgr/webpack?-svgo,+titleProp,+ref![path]',
+            {
+              loader: 'url-loader',
+              options: {
+                limit: 10000, // 10kB
+                name: '[name].[hash:7].[ext]'
+              }
+            }
+          ]
+        },
+        // Fallback to plain URL loader.
+        {
+          use: [
+            {
+              loader: 'url-loader',
+              options: {
+                limit: 10000, // 10kB
+                name: '[name].[hash:7].[ext]'
+              }
+            }
+          ]
         }
       ]
     }