Loading icon gets stuck in React 18 dev mode

[igordanchenko]

Loading icon gets stuck in React 18 dev mode

[tarasmelnychuk]

Found temp hack to solve the problem (tested on chrome only):

{lightBoxImage && (
        <Lightbox
          mainSrc={lightBoxImage}
          onImageLoad={() => {
            window.dispatchEvent(new Event('resize'));
          }}
          onCloseRequest={() => setLightBoxImage(null)}
        />
      )}

[igordanchenko]

If anyone is looking for an alternative to react-image-lightbox, here is the recently released lightbox library - yet-another-react-lightbox. All feedback is welcome.

[syum-akhlaque]

Any update on this issue?

[jongjunpark]

same issue

[cruzlutor]

Same issue, if you resize the window the current image appears

[dsdsharma]

Having the same issue

[kahirokunn]

same issue

[lvilasboas]

Same problem here, but at least @ihappycoder 's hacky fix worked

[ajitstark]

Same issue, if you resize the window the current image appears

same here

[rpin-01]

Same issue

[FStriewski]

Same, please fix

[larinius]

I have this issue on react-18-image-lightbox and original versions.

With "hacky fix" - issue gone, only have little longer loading time.

[Mokesh-off]

https://www.npmjs.com/package/react-18-image-lightbox

Is this a separate package for react-18? looks like the readme is not updated properly
https://www.npmjs.com/package/react-18-image-lightbox?activeTab=readme

[mleister97]

Looks like the library frontend-collective/react-image-lightbox will not be maintained anymore. Really a pity.

[mostofanobi]

ihappycoder THANKS A LOT❤️ You saved my life 😘

[Pha1Huynh]

Work with me, node v18.2.0, thank you.

[cescoferraro]

onImageLoad={() => window.dispatchEvent(new Event("resize"))}

fixed it for me