Blur Up Effect not working

[johncarpenter67]

Hi,
I came across this package recently, really glad I found it. However, I can't get the blur effect (on load) to work. Right now, the image is initially not showing at all. Once it's loaded, it shows. But no blur-up effect. I am using storybloks asset manager and I pretty much just copied your example:

import SbEditable from 'storyblok-react'
import Img from 'gatsby-image'
import { getFixedGatsbyImage } from 'gatsby-storyblok-image'
import { getFluidGatsbyImage } from 'gatsby-storyblok-image'

const FluidImage2 = ({ imgUrl }) => {
  const fluidProps = getFluidGatsbyImage(imgUrl, {
    maxWidth: 900,
    quality: 100,
  })

  return (
    <SbEditable content={imgUrl}>
      <Img
        fluid={fluidProps}
        style={{ width: '100%', height: '100%' }}
      />
    </SbEditable>
  )
}

Am I missing anything? Is there a setting or prop I am not aware of?

Thanks a lot!

[johncarpenter67]

Any news on this?

[tlambrou]

@daniel-bejamas can you please respond? If these kinds of features are limitations of using your package, can you please provide a little more documentation about such limitations?

[daniel-bejamas]

@tlambrou I'm not the author of this package :D

[johncarpenter67]

No replies on this ever?

[modulareverything]

The lack of support for stuff like this is the reason I moved away from Storyblok. Unfortunately, I still have some clients that are relying on it so I have to make-do with workarounds. In Sanity CMS, this just works.