in nextJs with useSearchParams(), fancyapps fancybox can open but close immediately

[TheCabinDev]

what is the best way to use useSearchParams() in nextJs, with fancybox.

my problem is when i comment useSearchParams(), the fancybox gallery work normally. but when use useSearchParams(), the gallery will open and immediatly close

[alvinChristianto]

same here, not yet have solutions

[fancyapps]

If you are using example React code from the docs, then try commenting out the closing on component rerender.

…

On Sat, 27 Jul 2024 at 07:00, Alvin Christianto ***@***.***> wrote: same here, not yet have solutions — Reply to this email directly, view it on GitHub <#676 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAIBWZI6T5QHJGQJXFV5YIDZOMLPNAVCNFSM6AAAAABLRQR6VCVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTAMJWGU2DOMY> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[TheCabinDev]

Yes I follow the docs : https://fancyapps.com/resources/integration/#react , but where to commenting the components rerender ?

[TheCabinDev]

I did comment : NativeFancybox.close(); and it works. Any infos I need to know @fancyapps ?

[fancyapps]

To be honest, I don't know what additional info you would like to hear. Basically, you can choose to close Fancybox or not when re-rendering the component, it depends on your preferences/requirements. If you're an experienced React (or Vue, Svelte, etc.) developer, you can easily create your own component, because Fancybox provides an API to easily work with Fancybox instances.