diff --git a/app/(app)/article/[key]/layout.tsx b/app/(app)/article/[key]/layout.tsx
index 9343014..acf86ae 100644
--- a/app/(app)/article/[key]/layout.tsx
+++ b/app/(app)/article/[key]/layout.tsx
@@ -13,6 +13,7 @@ export default function ModalLayout(props: {
 }) {
   const key = props.params.key;
   const { data, type } = nip19.decode(key);
+  console.log("AT layout", type, data);
   if (type === "naddr") {
     const kind = data.kind;
     if (kind === 30023) {
diff --git a/components/Modals/CreateCalendar.tsx b/components/Modals/CreateCalendar.tsx
index fe522ad..7763315 100644
--- a/components/Modals/CreateCalendar.tsx
+++ b/components/Modals/CreateCalendar.tsx
@@ -147,6 +147,7 @@ export default function CreateCalendarEventModal() {
                     height="288"
                     width="288"
                     src={imagePreview}
+                    unoptimized
                     className={cn(
                       "bg-bckground h-full rounded-xl object-cover object-center max-sm:max-h-[100px]",
                       imageStatus === "uploading" && "grayscale",
@@ -190,6 +191,7 @@ export default function CreateCalendarEventModal() {
                     height="288"
                     width="288"
                     src={bannerImagePreview}
+                    unoptimized
                     className={cn(
                       "bg-bckground h-full rounded-xl object-cover object-center max-sm:max-h-[100px]",
                       bannerImageStatus === "uploading" && "grayscale",
diff --git a/components/Modals/CreateCalendarEvent.tsx b/components/Modals/CreateCalendarEvent.tsx
index 010c597..06b2b0a 100644
--- a/components/Modals/CreateCalendarEvent.tsx
+++ b/components/Modals/CreateCalendarEvent.tsx
@@ -362,6 +362,7 @@ export default function CreateCalendarEventModal({
                       height="288"
                       width="288"
                       src={imagePreview}
+                      unoptimized
                       className={cn(
                         "bg-bckground h-full rounded-xl object-cover object-center max-sm:max-h-[100px]",
                         imageStatus === "uploading" && "grayscale",
@@ -469,6 +470,7 @@ export default function CreateCalendarEventModal({
                     height="288"
                     width="288"
                     src={imagePreview}
+                    unoptimized
                     className={cn(
                       "bg-bckground h-full rounded-xl object-cover object-center max-sm:max-h-[100px]",
                       imageStatus === "uploading" && "grayscale",
diff --git a/components/Modals/FormModal.tsx b/components/Modals/FormModal.tsx
index 4855116..cbb748a 100644
--- a/components/Modals/FormModal.tsx
+++ b/components/Modals/FormModal.tsx
@@ -364,6 +364,7 @@ function ImageUpload({
               alt="Image"
               height="288"
               width="288"
+              unoptimized
               src={(value || imageUrl) as string}
               className={cn(
                 "bg-bckground h-full rounded-xl object-cover object-center max-sm:max-h-[100px]",
diff --git a/components/PageComponents/BannerImage.tsx b/components/PageComponents/BannerImage.tsx
index 132dfd7..884a78a 100644
--- a/components/PageComponents/BannerImage.tsx
+++ b/components/PageComponents/BannerImage.tsx
@@ -36,6 +36,7 @@ export default function BannerImage({ image }: { image: string }) {
         width={1}
         height={1}
         src={image}
+        unoptimized
         onLoad={(e) => {
           console.log(
             "Width",