jagnani73/react-easy-marquee

Style re-rendering error

Opened this issue · 1 comments

Style re-rendering error
PFA

image

Code

 <div className="sidebararea">
                <Marquee duration={10000} background="#fafafa" height='100%' axis='Y' reverse>
                    {images.map((image) => (
                        <img src={image} alt="picsum" />
                    ))}
                </Marquee>
            </div>

I am using nextjs 13 and I have this exact issue too.
For me it is saying the problem is with the 'animate' property,

Updating a style property during rerender (animation) when a conflicting property is set (animationPlayState) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.