Global CSS import error on NextJS

[austinbuckler]

I get a failed to compile error when importing react-winbox in Next.JS due to react-winbox including the base styles. Users should choose to import these base styles vs react-winbox including them by default. I can provide a PR that fixes this if you'd like.

See error here:

Global CSS cannot be imported from within node_modules.
Read more: https://nextjs.org/docs/messages/css-npm
Location: node_modules/react-winbox/dist/index.js```

[RickoNoNo3]

Thank you for your discovery. When I encapsulated Winbox's CSS files into this component, I didn't consider so much. At that time, my idea was that this CSS file belongs to the winbox package instead of react-Winbox. If users need to import CSS by themselves, they will have to manually install the two packages at the same time--now they only need one. Now that you have found the problem, I need to think about how to balance the two things. How about creating a copy of the relevant CSS in this project?

[sugamkarki]

hi @RickoNoNo3 @austinbuckler, any fix for this?

[RickoNoNo3]

@sugamkarki I'm new to NextJS still now, is my previous proposal feasible? It will be fixed for soon if possible.