React cloudinary. placeholderClonedImage.action is not a function

Alex

February 20, 2022 13:13

When I use the placeholder plugin, it sometimes causes my app to crash saying "placeholderClonedImage.action is not a function"

 

Help?

 

1

• 

  Alex

  February 20, 2022 13:17

  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
• 

  Tamara Yulevich

  February 21, 2022 16:41 Edited

  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

Post is closed for comments.