After I realized that the fade offcanvas-backdrop show element exists twice in the DOM, this thread give me a hint to solve the problem:

Bootstrap Offcanvas fade duplicating between different parts of the site?

I removed the import "bootstrap/dist/js/bootstrap.bundle.js"; from my index.js and now it works as expected. Now, I just import "bootstrap/dist/css/bootstrap.min.css"; and the import 'bootstrap-icons/font/bootstrap-icons.css'; and for sure the react-bootstrap components I am using.