bug: Ionic React - Don't render overlay children if not shown

[elylucas]

Bug Report

Ionic version:
Ionic React 4.11.8

[x] 4.x

Current behavior:
An overlay component (modal/action sheet/popover, etc.) should not render its children if not currently being shown. Currently, children are rendered even though they are not currently displayed if isOpen is false.

Expected behavior:
Children of overlays should properly mount/unmount each time an overlay is presented and dismissed.

Steps to reproduce:

Related code:

insert short code snippets here

Other information:

Ionic info:

insert the output from ionic info here

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.