Toast message displays behind the Modal dialog (with backdrop)

[abaksha-sc]

• components: Toast + Modal
• reactstrap version 9.1.9
• import method es
• react version 18.2.0
• bootstrap version 5.2.3

What is happening?

Toast message displays behind the Modal dialog (with backdrop).
In this case it's impossible to close the toast.

What should be happening?

Toast should be displayed in front of Modal dialog.

Steps to reproduce issue

See the fiddle to reproduce: https://stackblitz.com/edit/reactstrap-nkgxfy?file=Example.js

Workaround

Wrap the toast with <div className="toast-container">{toast}</div>.
https://stackblitz.com/edit/reactstrap-ax4wrl?file=Example.js

It seems acceptable, but would be great to make it with reactstrap, but not manually.