From 685b0920e58293b8ea757f8da1861d90b018911d Mon Sep 17 00:00:00 2001
From: Giancarlo Buomprisco <giancarlopsk@gmail.com>
Date: Fri, 21 Feb 2025 09:01:15 +0700
Subject: [PATCH] Use plain image tag instead of Next.js (#184)

---
 packages/ui/src/makerkit/image-uploader.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/makerkit/image-uploader.tsx b/packages/ui/src/makerkit/image-uploader.tsx
index 3e619fadc..84b8046fc 100644
--- a/packages/ui/src/makerkit/image-uploader.tsx
+++ b/packages/ui/src/makerkit/image-uploader.tsx
@@ -2,8 +2,6 @@
 
 import { useCallback, useEffect, useState } from 'react';
 
-import Image from 'next/image';
-
 import { Image as ImageIcon } from 'lucide-react';
 import { useForm } from 'react-hook-form';
 
@@ -72,8 +70,9 @@ export function ImageUploader(
   return (
     <div className={'flex items-center space-x-4'}>
       <label className={'animate-in fade-in zoom-in-50 relative h-20 w-20'}>
-        <Image
-          fill
+        {/* eslint-disable-next-line @next/next/no-img-element */}
+        <img
+          decoding="async"
           className={'h-20 w-20 rounded-full object-cover'}
           src={image}
           alt={''}