Use Next.js image component instead of vanilla img element.

[Arsh1a]

Is there a way to replace img element with Image component from Next.js?

[breadadams]

+1, it would be great if you could provide a custom component (similar to the render props for header, next/prev buttons, etc) allowing users to render their own image element.

[breadadams]

From taking a look at the code here this would mean moving the click/drag events and styling to a parent element, to keep things as simple as possible. I'm happy to put something together if it's welcome @tim-soft.

[tim-soft]

@breadadams this would be a great addition to the library, not only to support next/image but also any arbitrary nodes -- it makes the lightbox a lot more flexible

what kind of api/prop change would you propose for this to work?

edit: PRs are always appreciated 👍

[trebeljahr]

+1 from me as well. This would be super awesome.