79346430

Date: 2025-01-10 16:58:04
Score: 0.5
Natty:
Report link

Disable Next.js Image Optimization

If decoding the URL doesn't fix the issue, the problem may be with how Next.js's image optimization pipeline interacts with Firebase-hosted images. To debug, disable image optimization temporarily by using the unoptimized attribute:

<Image
  fill
  src={data.images[0].image}
  alt={data.name}
  className="object-cover"
  unoptimized
/>
Reasons:
  • Has code block (-0.5):
  • Self-answer (0.5):
  • Low reputation (0.5):
Posted by: Nuwan Chamikara