Сборник рассказов не показывает стиль css в приложении React

Question

Я установил сборник рассказов, и он показывает все файлы *.stories.js на боковой панели. Когда я нажимаю, например, вкладку «Макет», она показывает макет, но стили не видны. в то время как на фактической странице, где он используется, используется макет.

Макет. js

import React from 'react';
import Grid from '@material-ui/core/Grid';
import layoutStyle from './Layout.css';

const Layout = () => {
  return (
    <Grid
      container={true}
      item={true}
      direction='row'
      justify='center'
      className={layoutStyle.main}>
      Layout for Cool app
    </Grid>
  );
};

export default Layout;

Макет. css

.main {
  background-color: #ccc;
}

Layout.stories. js

import React from 'react';
import { storiesOf } from '@storybook/react';

import Layout from './Layout';

storiesOf('Layout', module)
  .add('with primary', () => <Layout />)

webpack.config.dev. js (css порция погрузчика)

{
  test: /\.css$/,
  loader: 'style!css?importLoaders=1&modules=true&localIdentName="[name]__[local]__[hash:base64:5]"!postcss'
}