Placeholder for image is not being used

[andreaspapav]

I am using the following parameters for the Image component. Even without a specified blurDataURL the default does not seem to work as i am just seeing a white background until the image loads. Any thoughts on how to properly use the placeholder parameter?

<Image
alt={Listing image ${index}}
loaderUrl="/api/image"
loader={remixImageLoader}
placeholder="blur"
blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADjgGK8p7nQAAAABJRU5ErkJggg=="
src={item}
width="424"
height="260"
unoptimized={true}
responsive={SIZES}
options={{
contentType: MimeType.WEBP,
}}
/>