Failed to construct 'ImageData': The input data length is not equal to (4 * width * height).

[taylorhelene]

Overview

After adding the code to my program, I am getting this error when the page loads and after I navigate back to the page:

Uncaught runtime errors:
×
ERROR
Failed to construct 'ImageData': The input data length is not equal to (4 * width * height).
IndexSizeError: Failed to construct 'ImageData': The input data length is not equal to (4 * width * height).
    at C._render (http://localhost:3000/static/js/bundle.js:44140:148)
    at C._draw (http://localhost:3000/static/js/bundle.js:44153:16)

I am getting this issue when using both version: 0.12.3 and 0.12.2. Here is my code:

//...
<div className="row about ">
        <DotLottieReact
          src="https://lottie.host/2a881668-7aa8-4bfe-a235-f68888a2bceb/dGmyFGxjSL.lottie"
          loop
          autoplay
          className="col-sm-4 about-img object-fit-contain"      
          />
//...
<div

I am using Windows Subsystem for Linux during development

Consuming repo

What repo were you working in when this issue occurred?

@lottiefiles/dotlottie-react

Labels

• Add the Type: Bug label to this issue.