Image: ReferenceError: rotate is not defined image.esm.js (948:0)

[arnis87]

Describe the bug

Upgraded to latest version: 10.3.0 and when started getting this after closing zoomed image:

Unhandled Runtime Error
ReferenceError: rotate is not defined

Call Stack
onMaskClick
node_modules\primereact\image\image.esm.js (948:0)

#5628 was only fix related to Images component so perhaps this is the cause.

Reproducer

https://codesandbox.io/p/sandbox/pedantic-lalande-m8cyqx

PrimeReact version

10.3.0

React version

18.x

Language

TypeScript

Build / Runtime

Next.js

Browser(s)

No response

Steps to reproduce the behavior

Open click on <Image> component to zoom and then close it. Error occurs immediately when closing zoom view.

Expected behavior

No error.

[melloware]

Hmmm your reproducer is working for me I am not getting any error?

[melloware]

Nevermind I had to click the background to make it happen.

[arnis87]

Yes, seems to work fine when when closing with escape, only when clicking on the mask/overlay.

[melloware]

Fixed for 10.3.1!

[arnis87]

Thanks!

[arnis87]

@melloware Still some issue regarding this one. It no longer shows error but when you open same image again it will be extremely zoomed out. If controls are allowed and you zoom in to the blank screen the image becomes visible.

[melloware]

@arnis87 can you provide a StackBlitz reproducer? I can't reproduce: https://stackblitz.com/edit/qdr2sm?file=src%2FApp.jsx

[melloware]

OK yeah I see it. Please open a new ticket.

[arnis87]

I was able to reproduce it in the original: https://codesandbox.io/p/sandbox/pedantic-lalande-m8cyqx