Toast animation is not working

[abaksha-sc]

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

What is happening?

Toast has prop fade which is true by default and means (as I understand) the animation.
But it's not working (even in documentation).

What should be happening?

Toast should appear with animation

Steps to reproduce issue

1. Open the fiddle
2. Click button "Toggle toast"

Code

https://stackblitz.com/edit/reactstrap-aauune?file=Example.js

Additional

Seems like prop transition.timeout just delays the appearing instead of to make animation longer.
Here is an example with timeout: 1000: https://stackblitz.com/edit/reactstrap-t1eesr?file=Example.js

[illiteratewriter]

I am not sure what is causing this at the moment. Seems like the class toast is causing some issues. On removing the class toast from Toast.js, everything's working as expected.