Hello everyone!

I've came across a problem yesterday, considering that I really like to use CSS a lot, I do most of the styling myself (it's not really a complex Next.js app.).

Then, I really wanted to use a Carousel component - so I went with react-bootstrap, because I have worked with bootstrap before.

The big problem is, it when I import styling for Carousel component, within a Next.js client component, it (obviously) imports it FOR THE WHOLE PROJECT. It really messed both me and my project up, so I would like to know how to use the styling for it in a Module way?

Or... what is a good practice here, to keep it separate from custom css style?

I mean... the solution I see here is: re-write my whole css code into Modules... I can do it, but still it doesn't sound right.

Thanks in advance!