Skip to main content

React cloudinary. placeholderClonedImage.action is not a function



  • Alex

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


                  style={{ width: "100%", position: "relative" }}
                  crossOrigin="anonymous" // to allow the image to be rendered in canvas
                  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)}

  • 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,



Post is closed for comments.