Cannot register modal instance that's already open

[Hainesy]

When a modal is open, double-clicking on the background overlay results in the modal disappearing then quickly reappearing again with the following warning in the console:

react_devtools_backend.js:6 React-Modal: Cannot register modal instance that's already open 
    at ModalPortal (http://localhost:4500/static/js/0.chunk.js:60569:5)
    at Modal (http://localhost:4500/static/js/0.chunk.js:60212:5)

Additionally, the ReactModal__Body--open class remains on the body after closing the re-opened modal.

[Hainesy]

Managed to get around the issue by adding pointer-events: none to .ReactModal__Overlay--before-close.

[diasbruno]

@Hainesy

[edit]
Thought we had a handler for double-click on the overlay. So, once we have that it should do only one action executed.

[rahul-desai3]

I am getting same error even after setting pointer-events: none as mentioned above

[tonhao-dev]

When I click once outside the modal to close it I get:
React-Modal: Cannot register modal instance that's already open

and when I click outside the modal again I get:
portalOpenInstances.js:33 React-Modal: Unable to deregister [object Object] as it was never registered

and then the modal is closed

[Hainesy]

I agree this is still a problem

[timothymalcham]

I am now getting this error after upgrading to React 18. Prior to doing the upgrade, I did not see this error: React-Modal: Cannot register modal instance that's already open. Does anybody have any idea of what might have changed?

[pioferen]

This issue still occurs, I'm using version 3.5.1

[diasbruno]

Version 3.15.1 was released. Is this happening on this version?

[pioferen]

Version 3.15.1 was released. Is this happening on this version?

Yes, but I think it occurs only in development mode with react 18 and enabled StrictMode reactwg/react-18#19

[diasbruno]

Hmmm...this is interesting...could you please help creating a reproducible example?

[pioferen]

Hmmm...this is interesting...could you please help creating a reproducible example?

here: https://stackblitz.com/edit/nextjs-aznh2l?file=pages%2Findex.js

without modalIsOpen && error doesn't occur

[diasbruno]

Hmmmm...It's recommended to not use modal with conditional rendering. There is a problem with createPortal when using this way (need to check if it still happening. It starts happening on version +16.3 of react).
Are you all using conditional rendering?

[diasbruno]

cc @Hainesy @timothymalcham @rahul-desai3 @luis-antonio-dev

[Brhernann]

Same warning