Modal cannot be closed while loading

[Teelevision]

Having a ModalContainer without ModalDialog cannot be closed.

Example:

<ModalContainer onClose={onClose}>
    {loading
        ?
        <div style={{...}}>
            <span>Loading ...</span>
        </div>
        :
        <ModalDialog onClose={onClose}>
            {children}
        </ModalDialog>
    }
</ModalContainer>

In this example the modal cannot be closed as long as loading == true. Neither clicking the background nor pressing ESC works.

[variousauthors]

Workaround: if you include a hidden <ModalDialog> element in the container, then you can click to close.