Why is importing specific components resulting in the whole library in the bundle?

Question

I'm following the recommendation to import individual components from react-bootstrap, like so import Container from "react-bootstrap/Container";. I've verified the whole codebase and every single import is the same. Yet, when I analyze the bundle, it shows that react-bootstrap has been bundled in its entirety.

Any ideas what I could be missing?

Answer 1

Upon further investigation, I found that react-bootstrap-dialog was importing the whole of react-bootstrap. If you're here because of this same issue, I suggest you open package-lock.json and search for any libraries that depend on the unshakeable library, that's the one you should potentially replace.

_{Note: Answer provided by OP}