Sidenav doesn't render in fullscreen modal

Expected behavior

A MDBSideNav rendered as part of a fullscreen modal renders correctly at all times.

Actual behavior

The MDBSideNav content is not visible until forcing a redraw is performed by updating page contents or resizing the window.

*_Resources (screenshots, code snippets etc.)_*On first open of the modal.

After resizing the window.

Relevant Code...

    <MDBContainer fluid>
    <MDBSideNav
        absolute
        backdrop={false}
        constant
        contentRef={this.contentRef?.current}
        isOpen={showSidebar}
        mode="side"
    >
        <MDBScrollbar sidenav tag='ul' suppressScrollX style={{ height: '75%' }}>
            <MDBSideNavMenu>
                <MDBSideNavLink onClick={() => this.onSwitchView(View.USER)}>Account</MDBSideNavLink>
                {profile && <MDBSideNavLink onClick={() => this.onSwitchView(View.PROFILE)}>Profile</MDBSideNavLink>}
                <hr/>
                <MDBSideNavLink onClick={() => this.onClickSignOut()}>Sign Out</MDBSideNavLink>
            </MDBSideNavMenu>
        </MDBScrollbar>
        <div className='text-center' style={{ minHeight: '3rem' }}>
            Version: {packageinfo.version}
        </div>
    </MDBSideNav>
    <div style={{ padding: '2.5mm' }}>
        <div ref={this.contentRef} style={{ width: '100%' }}>

        </div>
    </div>
</MDBContainer>

Outer Modal Layout

    <MDBModal
    show={showUserAccountModal}
    staticBackdrop
>
    <MDBModalDialog size='fullscreen'>
        <MDBModalContent>
            <MDBModalHeader>
            <MDBBtn className='btn-close' onClick={() => this.toggleUserAccountModal()}/>
            </MDBModalHeader>
            <MDBModalBody>
                <UserAccount/>
            </MDBModalBody>
        </MDBModalContent>
    </MDBModalDialog>
</MDBModal>