Using css from react components

example

import 'slick-carousel/slick/slick.css';
import 'slick-carousel/slick/slick-theme.css';

in app/javascript/modules/react_components/mini_market_components/mini_market.jsx

Ensure you also add the stylesheet link tag in app/views/app_details/index.html.haml

- content_for(:webpack_stylesheet_chunk) do
  = stylesheet_pack_tag "commons"

This thing in used in multiple files hence in common chunk.

But you have have to include individual style pack tag like sometimes when it is not a part of the commonly chunked code.

- content_for(:webpack_stylesheet_chunk) do
  = stylesheet_pack_tag "quill"