Return react components instead of a span wrapper for svg files

cyrilwanner · Aug 9, 2020 · 10480ac · 10480ac
1 parent 0bf799f
commit 10480ac
Show file tree

Hide file tree

Showing 3 changed files with 151 additions and 21 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -24,9 +24,10 @@
     "test:watch": "npm test -- --watch"
   },
   "dependencies": {
+    "@svgr/core": "^5.4.0",
     "file-loader": "^6.0.0",
-    "optimized-images-loader": "^0.3.0",
-    "react-optimized-image": "^0.3.5"
+    "optimized-images-loader": "^0.4.0",
+    "react-optimized-image": "^0.4.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.10.1",

diff --git a/src/index.ts b/src/index.ts
@@ -80,6 +80,7 @@ const withOptimizedImages = (
                     nextConfig.assetPrefix.endsWith('/') ? '' : '/'
                   }_next/static/chunks/images/`
                 : '/_next/static/chunks/images/',
+              includeStrategy: 'react',
               ...(nextConfig.images || {}),
             },
           },