+
+ {blurhash && !loaded && (
+
+ )}
+
)
}
@@ -68,15 +89,22 @@ interface FallbackLazyloadedImageProps
'src'
> {
src?: string
+ blurhash?: string | null
}
const FallbackLazyloadedImage = ({
src,
+ blurhash,
+ className,
...props
}: FallbackLazyloadedImageProps) => {
const [inView, setInView] = useState(false)
+ const [loaded, setLoaded] = useState(false)
+
const imgRef = useRef