unoptimize images

Author: mstephens19

site/next.config.ts

@@ -4,6 +4,9 @@ const nextConfig: NextConfig = {
     output: 'export',
     basePath: '/tab-samurai',
     assetPrefix: '/tab-samurai/',
+    images: {
+        unoptimized: true,
+    },
 };
 
 export default nextConfig;

site/src/components/sections/Hero.tsx

@@ -50,7 +50,7 @@ export const Hero = () => {
                     component={NextLink}
                     href='https://chromewebstore.google.com/'
                     sx={{ display: 'flex', gap: '10px' }}>
-                    <Image src='./chrome_webstore.jpg' loading='eager' alt='Chrome WebStore logo' width={20} height={20} />
+                    <Image src='./chrome_webstore.jpg' loading='eager' alt='Chrome WebStore logo' width={20} height={20} unoptimized />
                     Install on the Chrome WebStore
                 </Button>
 
@@ -62,7 +62,7 @@ export const Hero = () => {
                     component={NextLink}
                     href='https://github.com/mstephen19/tab-samurai'
                     sx={{ display: 'flex', gap: '10px' }}>
-                    <Image src='./github.svg' loading='eager' alt='Chrome WebStore logo' width={20} height={20} />
+                    <Image src='./github.svg' loading='eager' alt='Chrome WebStore logo' width={20} height={20} unoptimized />
                     See on Github
                 </Button>
             </Box>