Merge remote-tracking branch 'upstream/main' into fix-webpack-ts-compilation

Author: smol-honk

packages/webpack/README.md

@@ -102,16 +102,14 @@ By default, `@svgr/webpack` includes a `babel-loader` with [an optimized configu
 
 ### Handle SVG in CSS, Sass or Less
 
-It is possible to detect the module that requires your SVG using [`Rule.issuer`](https://webpack.js.org/configuration/module/#rule-issuer) in Webpack. Using it you can specify two different configurations for JavaScript and the rest of your files.
+It is possible to detect the module that requires your SVG using [`Rule.issuer`](https://webpack.js.org/configuration/module/#ruleissuer) in Webpack 5. Using it you can specify two different configurations for JavaScript and the rest of your files.
 
 ```js
 [
   {
     test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
-    issuer: {
-      test: /\.jsx?$/,
-    },
-    use: ['babel-loader', '@svgr/webpack', 'url-loader'],
+    issuer: /\.[jt]sx?$/,
+    use: ['babel-loader', '@svgr/webpack', 'url-loader']
   },
   {
     test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
@@ -120,6 +118,8 @@ It is possible to detect the module that requires your SVG using [`Rule.issuer`]
 ]
 ```
 
+_[Rule.issuer](https://v4.webpack.js.org/configuration/module/#ruleissuer) in Webpack 4 has additional conditions which are not available in Webpack 5._
+
 ## License
 
 MIT

website/src/pages/docs/ecosystem.mdx

@@ -12,6 +12,7 @@ This is an incomplete list of awesome things built with svgr. If you have someth
 
 - [Create React App](https://facebook.github.io/create-react-app/)
 - [React SSR Setup](https://github.com/manuelbieh/react-ssr-setup)
+- [SVG Gobbler Browser Extension](https://github.com/rossmoody/svg-gobbler)
 
 ## Conferences
 

website/src/pages/docs/webpack.mdx

@@ -108,20 +108,20 @@ By default, `@svgr/webpack` includes a `babel-loader` with [an optimized configu
 
 ### Handle SVG in CSS, Sass or Less
 
-It is possible to detect the module that requires your SVG using [`Rule.issuer`](https://webpack.js.org/configuration/module/#rule-issuer) in Webpack. Using it you can specify two different configurations for JavaScript and the rest of your files.
+It is possible to detect the module that requires your SVG using [`Rule.issuer`](https://webpack.js.org/configuration/module/#ruleissuer) in Webpack 5. Using it you can specify two different configurations for JavaScript and the rest of your files.
 
 ```js
-{
+[
   {
     test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
-    issuer: {
-      test: /\.jsx?$/
-    },
+    issuer: /\.[jt]sx?$/,
     use: ['babel-loader', '@svgr/webpack', 'url-loader']
   },
   {
     test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
     loader: 'url-loader'
   },
-}
+]
 ```
+
+_[Rule.issuer](https://v4.webpack.js.org/configuration/module/#ruleissuer) in Webpack 4 has additional conditions which are not available in Webpack 5._