Image: Preview toolbar buttons only close the preview in unstyled NextJS 14

[melloware]

Discussed in https://github.com/orgs/primefaces/discussions/1267

^{Originally posted by baracuda69 February 23, 2024}
When clicking on an image to open preview, the preview opens as expected (although the image dimensions are too large to fit on-screen - which can be addressed with custom css).

However, the toolbar (with the rotate, zoom and close icons) does not function;
Any button/icon clicked on that toolbar simply closes the image preview (previewcontainer).

I have tried to add some custom css to adjust the z-index of the previewcontainer, toolbar, but to no avail.

https://stackblitz.com/edit/stackblitz-starters-3gzjrf?file=app%2Fpage.tsx

Note that stackblitz originally configured next.js v13.x, and the problem I mentioned did not exist;
However, after updating to next.js v14 the problem is as reported.

You can, of course, see all package versions in package.json.