Skip to content

Latest commit

 

History

History
15 lines (9 loc) · 920 Bytes

placeholder-blur-data-url.md

File metadata and controls

15 lines (9 loc) · 920 Bytes

placeholder=blur without blurDataURL

Why This Error Occurred

You are attempting use the next/image component with placeholder=blur property but no blurDataURL property.

The blurDataURL might be missing because you're using a string for src instead of a static import.

Or blurDataURL might be missing because the static import is an unsupported image format. Only jpg, png, webp, and avif are supported at this time.

Possible Ways to Fix It

  • Add a blurDataURL property, the contents should be a small Data URL to represent the image
  • Change the src property to a static import with one of the supported file types: jpg, png, or webp
  • Remove the placeholder property, effectively no blur effect