fixed next/image bug

2023-03-23 09:43:02 +07:00
parent 3c08cf2ef9
commit 207ef68aa1
2 changed files with 10 additions and 1 deletions
--- a/src/components/imageWithFallback.tsx
+++ b/src/components/imageWithFallback.tsx
@@ -31,12 +31,14 @@ export const ImageWithFallback = memo(function ImageWithFallback({
        />
      ) : (
        <Image
-          blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII="
          src={src}
          alt={alt}
          fill={fill}
          className={className}
          onError={setError}
+          placeholder="blur"
+          blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII="
+          priority
        />
      )}
    </>