React cloudinary. placeholderClonedImage.action is not a function

Comments

2 comments

  • Avatar
    Alex

    I load my images dynamically and also use redux btw. It shows up good at first, but eventually the page crashes

     

    <AdvancedImage
                  style={{ width: "100%", position: "relative" }}
                  cldImg={img}
                  crossOrigin="anonymous" // to allow the image to be rendered in canvas
                  alt="post"
                  //onLoad={showImg}
                  className={`post-img`} // Important for drawing box
                  // rerender component when image load so that canvas update to be in correct size
                  plugins={[placeholder({mode: 'blur'}),responsive()]}
                  ref={(el) => (postImg.current[0] = el)}
                />

    1
    Comment actions Permalink
  • Avatar
    Tamara Yulevich

    Hi Alex, 

    Thanks for reaching out. 

    I'm not sure why your page crashes. Let me give you some advice hopefully it will solve your problem:

    1) Pay attention to the order of the plugins. The order should be as follows: plugins={[lazyload(), responsive(), accessibility(), placeholder()]} please try to change that in your code.

    2) Please make sure you import and install everything you need.

    If you need further assistance, please submit a new ticket here, so we could take a look at this problem closely. 

    Best regards,

    Tamara.

    0
    Comment actions Permalink

Please sign in to leave a comment.