I have facing some problem with Next.js and Sass. In terminal I get this warnings.
chunk styles [mini-css-extract-plugin]
Conflicting order between:
* css ./node_modules/css-loader??ref--6-2!./node_modules/sass-loader/lib/loader.js??ref--6-3!./components/blog/Blog.sass (1)
* css ./node_modules/css-loader??ref--6-2!./node_modules/sass-loader/lib/loader.js??ref--6-3!./components/header/Header.sass (1)
* css ./node_modules/css-loader??ref--6-2!./node_modules/sass-loader/lib/loader.js??ref--6-3!./components/header/Header.sass
I have used separate sass file for each component and import them inside component. But in time of SSR there is some conflict with common sass files.
So, suggest me a better folder structure or best practices with Next.js and Sass. Thank you.