fix(image-loader): handle development mode local image loading (#1150)

OpenBeta · Jun 7, 2024 · 8b6f8df · 8b6f8df
1 parent fdb64aa
commit 8b6f8df
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/app/(default)/about/components/Hero.tsx b/src/app/(default)/about/components/Hero.tsx
@@ -51,7 +51,6 @@ const Values: React.FC = () => (
           src={mapHero}
           alt='Picture of a map'
           width={400}
-          unoptimized
         />
       </div>
       <div className='absolute bottom-0 left-24'>

diff --git a/src/image-loader.js b/src/image-loader.js
@@ -1,5 +1,9 @@
 'use client'
+const dev = process.env.NODE_ENV !== 'production'
 const imageLoader = ({ src, width, quality }) => {
+  if (dev && src.startsWith('/_next')) {
+    return src
+  }
   return `${process.env.NEXT_PUBLIC_CDN_URL}${src}?w=${width}&q=${quality || 75}`
 }