'Ionic React: Suddenly all components are not visible after migrating to swiper

So I have followed this link enter link description here to add swiper. After that, all of my page are not visible.

After I checked, my <head> and <body> are having display: none from structure.css:

html:not(.hydrated) body {
    display: none;
}

I tried to overwrite this rule by using:

html:not(.hydrated) body {
    display: initial !important;
}

Then the body shows, but all other css are not being applied. How do I fix this?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source