Description

When opening a modal using the react-spring-bottom-sheet library, a reach-portal element is added to the DOM. After closing the modal, the reach-portal element does not disappear immediately, causing the UI to become unresponsive. The UI becomes interactive again only after the reach-portal element is removed from the DOM.

Steps to Reproduce

1. Open a modal using react-spring-bottom-sheet.
2. Close the modal.
3. Observe that the reach-portal element remains in the DOM for some time.
4. Notice that the UI is blocked and unresponsive until the reach-portal element disappears from the DOM.

Expected Behavior

The reach-portal element should be removed from the DOM immediately after the modal is closed, ensuring the UI remains interactive.

Actual Behavior

The reach-portal element persists in the DOM for a few seconds after closing the modal, causing the UI to be blocked during this time.

Environment

• react-spring-bottom-sheet version: 3.4.1
• Browser: Chrome
• OS: All