reactstrap modal still existing in DOM during testing(#testing-library/react) - bootstrap-modal

Question

I'm testing a simple Modal component which is a wrapper of reactstrap component. I'm using #testing-library/react.
It works ok in browser but during the testing I sawed that the modal permanent exists in DOM even after unmount.
expect(props.toggleModal).toHaveBeenCalled();
Above assertion works good. So we have assurance that this function has been called and the modal state has been changed from true to false.
I checked in my Modal component and this is correct. So modal shouldn't be displayed (it works in browser).
/* eslint-disable react/prop-types */
import React, { useState } from "react";
import { render, fireEvent, cleanup } from "#testing-library/react";
import Modal from "./";
afterEach(cleanup);
const props = {
toggleModal: jest.fn(),
title: "Fake title",
body: (
<div>
<p>Fake body</p>
</div>
),
footer: (
<ul>
<li>Link 1</li>
<li>Link 2</li>
</ul>
)
};
function App() {
const [modal, setModal] = useState(true);
props.toggleModal.mockImplementation(() => setModal(prevModal => !prevModal));
return (
<div id="app">
<Modal {...props} isOpen={modal} />
</div>
);
}
test("renders Modal component", () => {
const { getByText, getAllByText } = render(<App />);
expect(getByText("Fake body")).toBeTruthy();
expect(getAllByText("Link", { exact: false })).toHaveLength(2);
fireEvent.click(document.querySelector("button"));
expect(props.toggleModal).toHaveBeenCalled();
console.log(document.body.innerHTML);
});
//Modal.js
import React from "react";
import PropTypes from "prop-types";
import {
Modal as BootstrapModal,
ModalHeader,
ModalBody,
ModalFooter
} from "reactstrap";
class Modal extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<BootstrapModal
isOpen={this.props.isOpen}
toggle={this.props.toggleModal}
>
{this.props.title && (
<ModalHeader toggle={this.props.toggleModal}>
{this.props.title}
</ModalHeader>
)}
{this.props.body && <ModalBody>{this.props.body}</ModalBody>}
{this.props.footer && <ModalFooter>{this.props.footer}</ModalFooter>}
</BootstrapModal>
);
}
static propTypes = {
isOpen: PropTypes.bool,
title: PropTypes.string,
body: PropTypes.element,
footer: PropTypes.element,
toggleModal: PropTypes.func
};
}
export default Modal;
I think that modal shouldn't exist in DOM so in this example document.body.innerHTML should have only <div><div id="app"></div></div>